@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,500,700|Noto+Serif:400,700&display=swap&subset=japanese");
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:300,400,500,700&display=swap&subset=japanese');
@import url('https://fonts.googleapis.com/css?family=Noto+Serif+JP&display=swap&subset=japanese');
@import url('https://fonts.googleapis.com/css?family=M+PLUS+Rounded+1c&display=swap&subset=japanese');
@import url('https://fonts.googleapis.com/css2?family=Yusei+Magic&display=swap&subset=japanese');
@import url('https://fonts.googleapis.com/css2?family=Shippori+Mincho+B1:wght@400;800&display=swap&subset=japanese');

/* ==========================================================================

値の定義

========================================================================== */

.btnBox {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: left;
  max-width: 180px;
}

.btnBox::after {
  position: absolute;
  content: '';
  top: 0;
  right: 15px;
  bottom: 0;
  margin: auto 0;
  z-index: 18;
  width: 5px;
  height: 10px;
  background-size: contain;
}

.btnBox a {
  position: relative;
  display: inline-block;
  text-decoration: none;
  font-size: 1.2rem;
  padding: 11px 20px;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .2s linear;
  transition: all .2s linear;
}

.normal.btnBox::after {
  background: url(/albums/css/basic-common/abm00000026.svg) no-repeat center center;
}

.normal.btnBox a {
  color: #000;
  background: #fff;
  -webkit-box-shadow: 0 0 0 1px #ccc inset;
  box-shadow: 0 0 0 1px #ccc inset;
}

.white.btnBox::after {
  background: url(/albums/css/basic-common/abm00000029.svg) no-repeat center center;
}

.white.btnBox a {
  color: #fff;
  -webkit-box-shadow: 0 0 0 1px #fff inset;
  box-shadow: 0 0 0 1px #fff inset;
}


/* icnBtnBace使用例：@extend %icnBtnBace;
-------------------------------------------------------------*/

.icnBtnBox {
  -webkit-transition: .2s;
  transition: .2s;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  font-size: 1.2rem;
  letter-spacing: -.05em;
}

.icnBtnBox a {
  color: #333;
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  padding: 57px 0 0;
  text-align: center;
}

.icnBtnBox a::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 auto 0;
  width: 52px;
  height: 52px;
  border-radius: 100%;
  border: 1px solid #ddd;
  -webkit-transition: .2s;
  transition: .2s;
}

.icnBtnBox a::after {
  content: '';
  position: absolute;
  margin: auto;
  z-index: 10;
}

/* =================================================================

印刷の定義

================================================================= */
@media print { 
.header, .footer, .searchArea, .inputBox, .snsList { display: none !important; }
body {
    zoom: 0.68;
    -webkit-print-color-adjust: exact;
}
}

/* IE10以上 */
@media print and (-ms-high-contrast: none) {
    @page {
        size: A4;
        margin: 12.7mm 9.7mm;
    }

    body {
        zoom: 1.8;
        width: 1200px;
        transform: scale(0.5);
        transform-origin: 0 0;
    }
}


/* =================================================================

リセット

================================================================= */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  font: inherit;
  background: transparent;
  vertical-align: baseline;
}

html {
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  font-size: 62.5%;
}

body {
  *font: x-small;
  color: #333;
  font-size: 1.6em;
  letter-spacing: .8px;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
  overflow-y: scroll;
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: unset;
}

html, body {
  line-height: 1.6;
}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
  display: block;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after {
  content: '';
  content: none;
}

q:before, q:after {
  content: '';
  content: none;
}

legend {
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

fieldset {
  margin: 0 2px;
  border: 1px solid #999;
  padding: .35em .625em .75em;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  outline: none;
  background: transparent;
  text-decoration: none;
  vertical-align: baseline;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

a:link {
  outline: none;
}

a:visited {
  outline: none;
}

a:hover {
  text-decoration: none;
  outline: none;
}

a:focus {
  text-decoration: none;
  outline: none;
}

*:focus {
  outline: none !important;
}

ins {
  color: #000;
  background: #ff9;
  text-decoration: none;
}

mark {
  color: #000;
  background-color: #ff9;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted inherit;
  cursor: help;
}

[data-area="content"] table {
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
}

[data-area="content"] table th,
[data-area="content"] table td {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th {
  text-align: left;
}

hr {
  height: 1px;
  margin: 1em 0;
  padding: 0;
  border: 0;
  display: block;
  overflow: visible;
  border-top: 1px solid #ddd;
}

img {
  max-width: 100%;
  display: block;
  font-size: 0;
  line-height: 0;
  height: auto;
  vertical-align: bottom;
  -webkit-backface-visibility: hidden; /*chromeでぼやけるの防ぐため*/
}

input, select {
  vertical-align: middle;
}

button, select {
  text-transform: none;
}

select {
  -moz-appearance: none;
  text-indent: 0.01px;
  text-overflow: '';
}

select::-ms-expand {
  display: none;
}

button {
  margin: 0;
  padding: 0;
  border: none;
  background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
  background: initial;
}

input[type='button'], input[type='submit'], input[type='search'], input[type='reset'], button {
  -webkit-appearance: none;
}

label {
  font-weight: normal;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

input {
  padding: 0;
}

input::-ms-clear, input::-ms-reveal {
  visibility: hidden;
}

[type='checkbox'], [type='radio'] {
  padding: 0;
}

::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
  height: auto;
}

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

::-webkit-search-cancel-button, ::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-input-placeholder {
  color: #ccc;
  opacity: 1;
}

:-moz-placeholder {
  color: #ccc;
}

::-moz-placeholder {
  color: #ccc;
  opacity: 1;
}

:-ms-input-placeholder {
  color: #ccc;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

[aria-busy='true'] {
  cursor: progress;
}

[aria-controls] {
  cursor: pointer;
}

[aria-disabled] {
  cursor: default;
}

a, area, button, input, label, select, textarea, [tabindex] {
  margin: 0;
  padding: 0;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}

input, textarea, select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  *font-size: 100%;
}

[hidden][aria-hidden='false'] {
  clip: rect(0, 0, 0, 0);
  display: inherit;
  position: absolute;
}

[hidden][aria-hidden='false']:focus {
  clip: auto;
}

.empty {
  margin: 0 !important;
  padding: 0 !important;
  height: 0 !important;
  border: 0 !important;
}

::selection {
  background: #1a4375;
  color: #fff;
}


/* ==========================================================================

slick.jsのスタイル（基本）

========================================================================== */

.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track, .slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:before, .slick-track:after {
  content: '';
  display: table;
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}

[dir="rtl"] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}


/* Arrows */

.slick-prev, .slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
}

.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}

.slick-prev:before, .slick-next:before {
  font-size: 20px;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


/* Dots */

.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}

.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}

.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}

.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}

.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


/* ==========================================================================

基本設定

========================================================================== */

body.top,
body.index,
body.single,
body.single2,
body.page,
body.undergraduateIndex,
body.basic {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  frex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}


/* iOSでのデフォルトスタイルをリセット
-------------------------------------------------------------*/

input[type="submit"], input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
  border: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  -webkit-text-fill-color: black;
  opacity: 1;
}

input[type="submit"]::-webkit-search-decoration, input[type="button"]::-webkit-search-decoration {
  display: none;
}

input[type="submit"]::focus, input[type="button"]::focus {
  outline-offset: -2px;
}


/* 個別フォント
-------------------------------------------------------------*/
.ryoMincho {
  font-weight: 500;
  font-family: 'Noto Sans Japanese', serif;
}

/* IE11用 */
.ryoMincho.ie {
  letter-spacing: .15em;
  font-weight: 600;
  font-family: 'Noto Serif JP', serif;
}


/* テキスト非表示
-------------------------------------------------------------*/

.clearTxt {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}


/* 動画フィット
-------------------------------------------------------------*/

.fitMovie {
  position: absolute;
}


/* レスポンシブチェック
-------------------------------------------------------------*/

#responsibleCheck {
  width: 1px;
  height: 0;
}


/* PC/SPで要素を出しわけ
-------------------------------------------------------------*/

.spOnly {
  display: none;
}


/* SVG画像調整
-------------------------------------------------------------*/

img[src$=".svg"] {
  width: 100%;
}

/* 例外 */
ul.cp-block-window__ul img {
    width: auto;
}


/* 共通見出し
-------------------------------------------------------------*/

.normalTtl {
  position: relative;
  line-height: 1;
  font-size: 2.8rem;
  padding: 32px 0 54px;
}

.normalTtl::before {
  z-index: 10;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 26px;
  height: 2px;
  background: #1a4375;
}


/* 共通テキスト
-------------------------------------------------------------*/

.normalTxt {
  font-size: 2rem;
  line-height: 2.4;
  letter-spacing: -.1px;
}


/* 共通テーブル
-------------------------------------------------------------*/

[data-area="content"] table {
  border-collapse: collapse;
}

[data-area="content"] table th {
  padding: 10px;
  font-size: 1.5rem;
  border: 1px solid #707070;
  background: #EEE;
  vertical-align: middle;
  line-height: 1.4;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

[data-area="content"] table td {
  padding: 10px;
  word-break: break-all;
  font-size: 1.5rem;
  line-height: 1.4;
  vertical-align: middle;
  border: 1px solid #707070;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* ガンマフォント
-------------------------------------------------------------*/
.gammaFont {
  font-family: "MS PGothic", "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", sans-serif;
}


/* ==========================================================================

アニメーション

========================================================================== */

@-webkit-keyframes firstFadeIn {
  0% {}
  100% {
    opacity: 1;
    visibility: visible;
  }
}

@keyframes firstFadeIn {
  0% {}
  100% {
    opacity: 1;
    visibility: visible;
  }
}

.trans {
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.deg {
  position: relative;
  -webkit-perspective: 1000px;
  perspective: 1000px;
}

.deg.back {
  z-index: -1;
}

.deg>[data-type="left"] {
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
  -webkit-transform: rotateY(90deg) translateX(-100px);
  transform: rotateY(90deg) translateX(-100px);
  opacity: 0;
}

.deg>[data-type="right"] {
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
  -webkit-transform: rotateY(-90deg) translateX(100px);
  transform: rotateY(-90deg) translateX(100px);
  opacity: 0;
}

.deg.active>* {
  -webkit-transform: rotateY(0deg);
  transform: rotateY(0deg);
  opacity: 1;
}

.scroll {
  -webkit-transition: opacity 1.0s ease, -webkit-transform 1.0s ease;
  transition: opacity 1.0s ease, -webkit-transform 1.0s ease;
  transition: transform 1.0s ease, opacity 1.0s ease;
  transition: transform 1.0s ease, opacity 1.0s ease, -webkit-transform 1.0s ease;
}

.scroll[data-type="up"] {
  -webkit-transform: translate3d(0, 100px, 0);
  transform: translate3d(0, 100px, 0);
  opacity: 0.01;
}

.scroll[data-type="down"] {
  -webkit-transform: translate3d(0, -100px, 0);
  transform: translate3d(0, -100px, 0);
  opacity: 0.01;
}

.scroll[data-type="left"] {
  -webkit-transform: translate3d(-100px, 0, 0);
  transform: translate3d(-100px, 0, 0);
  opacity: 0.01;
}

.scroll[data-type="right"] {
  -webkit-transform: translate3d(100px, 0, 0);
  transform: translate3d(100px, 0, 0);
  opacity: 0.01;
}

.scroll[data-type="fade"] {
  opacity: 0;
}

.scroll[data-type="up"].active, .scroll[data-type="down"].active, .scroll[data-type="left"].active, .scroll[data-type="right"].active, .scroll[data-type="fade"].active {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
}

.scroll[data-type="width"] {
  -webkit-transition: all 1.0s ease;
  transition: all 1.0s ease;
  max-width: 100%;
  width: 100%;
  min-height: 62px;
  padding: 20px 0 0;
  opacity: 1;
}

.scroll[data-type="width"].active {
  width: 350px;
  padding: 20px 70px 0;
  opacity: 1;
}

.scroll[data-type="text"] {
  -webkit-transition: all 1.0s ease;
  transition: all 1.0s ease;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: scale3d(1.3, 1.3, 1) rotate3d(1, -3, -1, -0.1turn) translate3d(-50px, 100px, 0);
  transform: scale3d(1.3, 1.3, 1) rotate3d(1, -3, -1, -0.1turn) translate3d(-50px, 100px, 0);
  /*  transition-delay: 2s; */
}

.scroll[data-type="text"].active {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: scale3d(1, 1, 1) rotate3d(0, 0, 0, 0) translate3d(0, 0, 0);
  transform: scale3d(1, 1, 1) rotate3d(0, 0, 0, 0) translate3d(0, 0, 0);
  -webkit-transition: all 0.8s linear;
  transition: all 0.8s linear;
  /*  transition-delay: 2s; */
}

.scroll[data-type="text"].dur {
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}

.scroll[data-type="text"].dur2 {
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

.scroll[data-type="text"].dur3 {
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

.scroll[data-type="text"].dur4 {
  -webkit-transition-delay: 0.4s;
  transition-delay: 0.4s;
}

.scroll[data-type="text"].dur5 {
  -webkit-transition-delay: 0.5s;
  transition-delay: 0.5s;
}

.scroll[data-type="text"].dur6 {
  -webkit-transition-delay: 0.6s;
  transition-delay: 0.6s;
}

.scroll[data-type="text"].dur7 {
  -webkit-transition-delay: 0.7s;
  transition-delay: 0.7s;
}

.scroll[data-type="text"].dur8 {
  -webkit-transition-delay: 0.8s;
  transition-delay: 0.8s;
}

.scroll[data-type="text"].dur9 {
  -webkit-transition-delay: 0.9s;
  transition-delay: 0.9s;
}

.scroll[data-type="text"].dur10 {
  -webkit-transition-delay: 1s;
  transition-delay: 1s;
}

.scroll[data-type="text"].dur11 {
  -webkit-transition-delay: 1.1s;
  transition-delay: 1.1s;
}

.scroll[data-type="text"].dur12 {
  -webkit-transition-delay: 1.2s;
  transition-delay: 1.2s;
}

.scroll[data-type="text"].dur13 {
  -webkit-transition-delay: 1.3s;
  transition-delay: 1.3s;
}

.scroll[data-type="text"].dur14 {
  -webkit-transition-delay: 1.4s;
  transition-delay: 1.4s;
}

.scroll[data-type="text"].dur15 {
  -webkit-transition-delay: 1.5s;
  transition-delay: 1.5s;
}

.scroll[data-type="text"].dur16 {
  -webkit-transition-delay: 1.6s;
  transition-delay: 1.6s;
}

.scroll[data-type="text"].dur17 {
  -webkit-transition-delay: 1.7s;
  transition-delay: 1.7s;
}

.scroll[data-type="text"].dur18 {
  -webkit-transition-delay: 1.8s;
  transition-delay: 1.8s;
}

.scroll[data-type="text"].dur19 {
  -webkit-transition-delay: 1.9s;
  transition-delay: 1.9s;
}

.scroll[data-type="text"].dur20 {
  -webkit-transition-delay: 2s;
  transition-delay: 2s;
}

.scroll[data-type="text"].dur25 {
  -webkit-transition-delay: 2.5s;
  transition-delay: 2.5s;
}

.scroll[data-type="text"].dur30 {
  -webkit-transition-delay: 3s;
  transition-delay: 3s;
}

.scroll[data-type="text"].dur35 {
  -webkit-transition-delay: 3.5s;
  transition-delay: 3.5s;
}

.scrollup {
  opacity: 0;
  -webkit-transform: translateY(100px);
  transform: translateY(100px);
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.scrollup.action {
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
  opacity: 1;
}

.scrollSlide {
  opacity: 0;
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}

.scrollSlide.top {
  opacity: 0;
  -webkit-transform: translateY(-150px);
  transform: translateY(-150px);
}

.scrollSlide.left {
  opacity: 0;
  -webkit-transform: translateX(150px);
  transform: translateX(150px);
}

.scrollSlide.right {
  opacity: 0;
  -webkit-transform: translateX(-150px);
  transform: translateX(-150px);
}

.scrollSlide.action {
  -webkit-transform: translateX(0px);
  transform: translateX(0px);
  opacity: 1;
}

.scrollZoom {
  opacity: 0;
  -webkit-transform: scale3d(0, 0, -1);
  transform: scale3d(0, 0, -1);
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}

.scrollZoom.action {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  opacity: 1;
}


/* ==========================================================================

メインコンテンツベース

========================================================================== */
.continer {
  width: 100%;
  overflow: hidden;
  margin-left: 80px;
}

.mainArea .inner {
  max-width: 1440px;
  margin: 0 auto;
  padding: 79px 20px;
  position: relative;
font-size: 1.5rem;
    line-height: 2;
}

.indexArea .inner {
  max-width: 1440px;
  margin: 0 auto;
  padding: 79px 20px 0;
  position: relative;
  font-size: 1.5rem;
  line-height: 2;
}

.permanentBlock {
  font-size: 1.5rem;
  line-height: 2;
}


/* ==========================================================================

緊急のお知らせ

========================================================================== */

.emergencyInfo .inner {
  max-width: 1260px;
  margin: 0 auto;
  padding: 40px 20px;
}

.emergencyInfo .ttl {
  text-align: center;
  font-weight: 700;
  font-size: 2rem;
}

.emergencyInfo .txt {
  text-align: center;
  padding: 12px 0 0;
}


/* ==========================================================================

左メニュー

========================================================================== */

.leftMenu {
  background: #fff;
  position: fixed;
  top: 0;
  left: 0;
  width: 80px;
  height: 100%;
  z-index: 12;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.leftMenu.modal {
  z-index: 10;
}

.leftMenu ul li {
  width: 100%;
  margin: 0 0 10px;
}

.leftMenu ul li a span {
  line-height: 1.4;
  display: block;
}

.leftMenu ul li a.contact::after {
  position: absolute;
  margin-left: auto;
  top: -18px;
  left: -1px;
  right: 0;
  bottom: 0;
  width: 20px;
  height: 20px;
  background: url(/albums/css/basic-common/abm00000048.svg) no-repeat center center;
  background-size: 20px 20px;
}

.leftMenu ul li a.access::after {
  position: absolute;
  margin-left: auto;
  top: -18px;
  left: 0;
  right: 0;
  bottom: 0;
  width: 16px;
  height: 20px;
  background: url(/albums/css/basic-common/abm00000045.svg) no-repeat center center;
  background-size: 16px 20px;
}

.leftMenu ul li a.request::after {
  position: absolute;
  margin-left: auto;
  top: -18px;
  left: 0;
  right: 0;
  bottom: 0;
  width: 20px;
  height: 22px;
  background: url(/albums/css/basic-common/abm00000043.svg) no-repeat center center;
  background-size: 20px 22px;
}

.leftMenu ul li a.pressRoom::before {
  border: 1px solid #859AD1;
  background: #859AD1;
}

.leftMenu ul li a.pressRoom::after {
  position: absolute;
  margin-left: auto;
  top: -34px;
  left: 0;
  right: 0;
  bottom: 0;
  width: 24px;
  height: 22px;
  background: url(/albums/css/basic-common/abm00000041.svg) no-repeat center center;
  background-size: 24px 22px;
}

.leftMenu ul li a.library::before {
  border: 1px solid #859AD1;
  background: #859AD1;
}

.leftMenu ul li a.library::after {
  position: absolute;
  margin-left: auto;
  top: -19px;
  left: -2px;
  right: 0;
  bottom: 0;
  width: 19px;
  height: 23px;
  background: url(/albums/css/basic-common/abm00000037.svg) no-repeat center center;
  background-size: 19px 23px;
}

.leftMenu ul li a.donation::before {
  border: 1px solid #fe9618;
  background: #fe9618;
}

.leftMenu ul li a.donation::after {
  position: absolute;
  margin-left: auto;
  top: -31px;
  left: -1px;
  right: 0;
  bottom: 0;
  width: 23px;
  height: 21px;
  background: url(/albums/css/basic-common/abm00014344.svg) no-repeat center center;
  background-size: 23px 21px;
}

.leftMenu .icnBtnBox a.ie {
  padding: 40px 0 0;
}


/* ==========================================================================

SP時、アコーディオントリガー

========================================================================== */

.commonHide {
  position: relative;
}

.accoTrigger {
  display: inline-block;
  cursor: pointer;
  position: absolute;
  width: 40px;
  height: 40px;
  right: 0;
  top: 0;
  z-index: 10;
  background: #1a4375;
  -webkit-transition: .2s;
  transition: .2s;
}

.accoTrigger span {
  display: inline-block;
  -webkit-transition: all .3s;
  transition: all .3s;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 20px;
  height: 2px;
  margin: auto;
  background: #fff;
}

.accoTrigger span:nth-of-type(1) {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}

.accoTrigger span:nth-of-type(2) {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.accoTrigger.active span:nth-of-type(1) {
  display: none;
}

.accoTrigger.active span:nth-of-type(2) {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}


/* ==========================================================================

各カテゴリーリンク

========================================================================== */

section.featureArea .inner {
  max-width: 1260px;
  margin: 0 auto;
  padding: 0 20px 45px;
  position: relative;
}

.fourList {
  font-size: 0;
  margin-left: 0 !important;
  letter-spacing: -.4em;
}

.fourList .boxTap {
  width: 25%;
  overflow: hidden;
  position: relative;
  vertical-align: top;
  display: inline-block;
  letter-spacing: normal;
  list-style: none;
}

.fourList .boxTap a {
  width: 100%;
  height: 100%;
  display: block;
  color: #333;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
  -ms-flex-pack: start;
  justify-content: start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.fourList .boxTap a .imgBox {
  overflow: hidden;
  width: 100%;
  height: 100%;
}

.fourList .boxTap a .imgBox img {
  -webkit-transition: .3s;
  transition: .3s;
  width: 100%;
  height: 100%;
  display: block;
}

.fourList .boxTap a .textInner {
  margin: 0 auto;
  width: 70.869565%;
  padding: 26px 0 0;
}

.fourList .boxTap a .textInner .subTypeTtl {
  font-weight: 600;
  font-size: 2.4rem;
  line-height: 1;
  padding: 0 0 20px;
  -webkit-transition: .2s;
  transition: .2s;
}

.fourList .boxTap a .textInner p {
  font-size: 1.3rem;
  line-height: 1.7;
  -webkit-transition: .2s;
  transition: .2s;
}


/* ==========================================================================

下部バナーエリア

========================================================================== */

.underBnrArea {
  width: 100%;
  background: #f7f7f7;
}

.underBnrArea .inner {
  margin: 0 auto;
  max-width: 1260px;
  padding: 80px 20px 60px;
}

.underBnrArea .inner .linkBnrList {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: center;
}

.underBnrArea .inner .linkBnrList .linkBnr {
  -webkit-transition: .2s;
  transition: .2s;
  width: 23.49206349206349%;
  margin: 0 1.984126984126984% 20px 0;
  overflow: hidden;
  border: 1px solid #ccc;
  box-sizing: border-box;
}

.underBnrArea .inner .linkBnrList .linkBnr:nth-child(4n) {
  margin-right: 0;
}

.underBnrArea .inner .linkBnrList .linkBnr img {
  width: 100%;
  max-width: 100%;
  height: auto;
  height: 100%;
  display: block;
}

/* テキストバナーベース */
.underBnrArea .inner .linkBnrList .linkBnr.linkTxt {
  position: relative;
  background: #fff;
}

.underBnrArea .inner .linkBnrList .linkBnr.linkTxt a {
  color: #1a4375;
  height: 90px;
  margin: 0 auto;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  padding: 0;
  text-align: center;
}

.underBnrArea .inner .linkBnrList .linkBnr.linkTxt a .txt {
  box-sizing: border-box;
  display: inline-block;
  text-align: center;
  width: 100%;
  padding: 0 15px;
  font-size: 1.5rem;
  line-height: 1.2;
  position: relative;
  z-index: 10;
}
@media only screen and (max-width: 959px) { 
  .underBnrArea .inner .linkBnrList .linkBnr.linkTxt a .txt {
    font-size: 2.35vw;
    padding: 0 8px;
  }
}

.underBnrArea.index .inner {
  max-width: 1440px;
}

.underBnrArea.index .inner .linkBnrList {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.underBnrArea.index .inner .linkBnrList .linkBnr {
  width: 19%;
  margin: 0 0 20px;
}

.underBnrArea.index .inner .linkBnrList .linkBnr:nth-child(5n) {
  margin-right: 0;
}

.underBnrArea.index .inner .linkBnrList .linkBnr.empty {
  margin: 0;
  padding: 0;
  border: 0;
  height: 0 !important;
}



/* ==========================================================================

パンくずリスト

========================================================================== */
.breads {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  color: #fff;
  margin-left: 0 !important;
}

.breads li {
  font-size: 1.2rem;
  position: relative;
  list-style: none;
}

.breads li::after {
  content: '＞';
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto 4px;
  z-index: 10;
  color: #fff;
}

.breads li:last-child::after {
  display: none;
}

/* HOMEのアイコンデザイン */
.breads li:first-of-type {
  width: 32px;
  overflow: hidden;
  white-space: nowrap;
}
.breads li:first-of-type a {
  display: inline-block;
  width: 11px;
  height: 10px;
  position: relative;
}
.breads li:first-of-type a::before {
  -webkit-transition: .2s;
  transition: .2s;
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto 0;
  z-index: 2;
  width: 11px;
  height: 10px;
  background: url(/albums/css/basic-common/abm00011960.svg) center center no-repeat;
  background-size: contain;
}
@media screen and (min-width: 960px) {
  .breads li:first-of-type a:hover::before {
    background: url(/albums/css/basic-common/abm00011964.svg) center center no-repeat;
    background-size: contain;
  }
}

.breads li a {
  -webkit-transition: .2s;
  transition: .2s;
  color: #fff;
}


/* ==========================================================================

下層メインタイトルエリア

========================================================================== */

.titleWrap {
  background: #ccc;
  height: 360px;
  overflow: hidden;
  position: relative;
  z-index: 10;
}

.titleWrap::before {
  content: '';
  width: 100% !important;
  height: 100% !important;
  z-index: -1;
  top: 0 !important;
  left: 0 !important;
  position: absolute;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
}

.titleWrap.singleBox h1 {
  display: none;
}

/* 昭和大学の背景画像（開始） */

/* 昭和大学について（https://www.showa-u.ac.jp/albums/css/basic-common/abm00000054.jpg） */
.titleWrap.no1::before {
  background-image: url(/albums/css/basic-common/abm00000054.jpg);
}

/* 教育（https://www.showa-u.ac.jp/albums/css/basic-common/abm00014215.jpg） */
.titleWrap.no2::before {
  background-image: url(/albums/css/basic-common/abm00063883.jpg);
}

/* 研究（https://www.showa-u.ac.jp/albums/css/basic-common/abm00002727.jpg） */
.titleWrap.no3::before {
  background-image: url(/albums/css/basic-common/abm00002727.jpg);
}

/* 連携?貢献（https://www.showa-u.ac.jp/albums/css/basic-common/abm00002728.jpg） */
.titleWrap.no4::before {
  background-image: url(/albums/css/basic-common/abm00002728.jpg);
}
.titleWrap.no4::after {
  background: rgba(51, 51, 51, .10);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  content: '';
}

/* 国際交流（https://www.showa-u.ac.jp/albums/css/basic-common/abm00001443.jpg） */
.titleWrap.no5::before {
  background-image: url(/albums/css/basic-common/abm00051651.jpg);
}

/* 学生生活（https://www.showa-u.ac.jp/albums/css/basic-common/abm00002725.jpg） */
.titleWrap.no6::before {
  background-image: url(/albums/css/basic-common/abm00002725.jpg);
}
.titleWrap.no6::after {
  background: rgba(51, 51, 51, .10);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  content: '';
}

/* 国際交流（https://www.showa-u.ac.jp/albums/css/basic-common/abm00001443.jpg） */
.titleWrap.no7::before {
  background-image: url(/albums/css/basic-common/abm00051651.jpg);
}

.titleWrap.no8::before {
  background-image: url(/albums/css/basic-common/abm00005799.jpg);
}

/* 医学部（https://www.showa-u.ac.jp/albums/css/basic-common/abm00002402.jpg） */
.titleWrap.no20::before {
  background-image: url(/albums/css/basic-common/abm00064124.jpg);
}

/* 歯学部（https://www.showa-u.ac.jp/albums/css/basic-common/abm00002403.jpg） */
.titleWrap.no21::before {
  background-image: url(/albums/css/basic-common/abm00064123.jpg);
}

/* 薬学部（https://www.showa-u.ac.jp/albums/css/basic-common/abm00002404.jpg） */
.titleWrap.no22::before {
  background-image: url(/albums/css/basic-common/abm00064112.jpg);
}

/* 保健医療学部（https://www.showa-u.ac.jp/albums/css/basic-common/abm00002719.jpg） */
.titleWrap.no23::before {
  background-image: url(/albums/css/basic-common/abm00052742.jpg);
}

/* 富士吉田教育部（https://www.showa-u.ac.jp/albums/css/basic-common/abm00002722.jpg） */
.titleWrap.no24::before {
  background-image: url(/albums/css/basic-common/abm00052751.jpg);
}

/* 大学院医学研究科（https://www.showa-u.ac.jp/albums/css/basic-common/abm00002310.jpg） */
.titleWrap.no25::before {
  background-image: url(/albums/css/basic-common/abm00063887.jpg);
}

/* 大学院歯学研究科（https://www.showa-u.ac.jp/albums/css/basic-common/abm00002312.jpg） */
.titleWrap.no26::before {
  background-image: url(/albums/css/basic-common/abm00064362.jpg);
}

/* 大学院薬学研究科（https://www.showa-u.ac.jp/albums/css/basic-common/abm00002313.jpg） */
.titleWrap.no27::before {
  background-image: url(/albums/css/basic-common/abm00064361.jpg);
}

/* 大学院保健医療学研究科（https://www.showa-u.ac.jp/albums/css/basic-common/abm00002311.jpg） */
.titleWrap.no28::before {
  background-image: url(/albums/css/basic-common/abm00064360.jpg);
}

/* 助産学専攻科（https://www.showa-u.ac.jp/albums/css/basic-common/abm00002328.jpg） */
.titleWrap.no29::before {
  background-image: url(/albums/css/basic-common/abm00002328.jpg);
}

/* 昭和大学薬学部薬剤師生涯研修認定制度（https://www.showa-u.ac.jp/albums/css/basic-common/abm00002342.jpg） */
.titleWrap.no30::before {
  background-image: url(/albums/css/basic-common/abm00002342.jpg);
}

/* 看護キャリア開発?研究センター（https://www.showa-u.ac.jp/albums/css/basic-common/abm00002340.jpg） */
.titleWrap.no31::before {
  background-image: url(/albums/css/basic-common/abm00044413.jpg);
}

/* 認定看護師教育センター（https://www.showa-u.ac.jp/albums/css/basic-common/abm00014330.jpg） */
.titleWrap.no32::before {
  background-image: url(/albums/css/basic-common/abm00029502.jpg);
}

/* 訪問者別（https://www.showa-u.ac.jp/albums/css/basic-common/abm00010605.jpg） */
.titleWrap.no33::before {
  background-image: url(/albums/css/basic-common/abm00010605.jpg);
}

/* 訪問者別（https://www.showa-u.ac.jp/albums/css/basic-common/abm00010606.jpg） */
.titleWrap.no34::before {
  background-image: url(/albums/css/basic-common/abm00010606.jpg);
}


/* レイアウト指定の対応
-------------------------------------------------------------*/
/* 医学部（https://www.showa-u.ac.jp/albums/css/basic-common/abm00014963.jpg） */
.titleWrap.toyoMedicine::before {
  background-image: url(/albums/css/basic-common/abm00014963.jpg);
}

/* 保健医療学部（https://www.showa-u.ac.jp/albums/css/basic-common/abm00014966.jpg） */
.titleWrap.healthCare::before {
  background-image: url(/albums/css/basic-common/abm00014966.jpg);
}

/* 昭和大学薬学部薬剤師生涯研修認定制度（https://www.showa-u.ac.jp/albums/css/basic-common/abm00002342.jpg） */
.titleWrap.pharmacist::before {
  background-image: url(/albums/css/basic-common/abm00002342.jpg);
}

/* 卒業生の方（https://www.showa-u.ac.jp/albums/css/basic-common/abm00010607.jpg） */
.titleWrap.graduate::before {
  background-image: url(/albums/css/basic-common/abm00010607.jpg);
}

/* 在学生の方（https://www.showa-u.ac.jp/albums/css/basic-common/abm00014965.jpg） */
.titleWrap.currentStudent::before {
  background-image: url(/albums/css/basic-common/abm00063883.jpg);
}

/* 保護者の方（https://www.showa-u.ac.jp/albums/css/basic-common/abm00010608.jpg） */
.titleWrap.parents::before {
  background-image: url(/albums/css/basic-common/abm00010608.jpg);
}

/* 地域?一般の方（https://www.showa-u.ac.jp/albums/css/basic-common/abm00010609.jpg） */
.titleWrap.areaGeneral::before {
  background-image: url(/albums/css/basic-common/abm00010609.jpg);
}

/* 企業?医療関係者（https://www.showa-u.ac.jp/albums/css/basic-common/abm00010606.jpg） */
.titleWrap.corporateMedicalPersonnel::before {
  background-image: url(/albums/css/basic-common/abm00010606.jpg);
}

/*リカレントカレッジ（https://www.showa-u.ac.jp/albums/css/basic-common/abm00017072.jpg） */
.titleWrap.recurrent::before {
  background-image: url(/albums/css/basic-common/abm00017072.jpg);
}

/*メディカルデザイン研究所（https://www.showa-u.ac.jp/albums/css/basic-common/abm00017072.jpg） */
.titleWrap.imd::before {
  background-image: url(/albums/css/basic-common/abm00017072.jpg);
}


/* 昭和大学の背景画像（終了） */

.titleWrap .titleInner {
  position: relative;
  margin: 0 auto;
  max-width: 1440px;
  padding: 27px 20px;
}

.titleWrap .title {
  color: #fff;
}

.titleWrap .title .ja {
  margin: 90px 0 5px;
  font-weight: normal;
  font-size: 4.8rem;
  line-height: 1.4;
  display: block;
}

.titleWrap .title .en {
  font-size: 2rem;
  display: block;
}


/* ==========================================================================

下層メインタイトルエリア（学部INDEX）

========================================================================== */
.undergraduateIndex .titleWrap {
  height: 540px;
}

.undergraduateIndex .underBox {
  margin: 40px 0 0;
}
@media only screen and (max-width: 959px) {
  .undergraduateIndex .underBox {
    margin: 20px 0 0;
  }
}


.undergraduateIndex .mainArea .cp-all {
  margin: 0;
}

.undergraduateIndex .mainArea .cp-all .inner {
  padding: 0;
}
@media only screen and (max-width: 959px) {
  .undergraduateIndex .mainArea .cp-all .inner {
    padding: 20px 0 0;
  }
}

.undergraduateIndex .mainArea .cp-btn {
  max-width: 1070px;
}

@media only screen and (max-width: 959px) {
  .undergraduateIndex .mainArea .cp-btn li {
    margin-left: 0;
  }

  .undergraduateIndex .mainArea .cp-btn li a {
    font-size: 1.5rem;
    line-height: 1.4;
    padding: 13px 30px 14px 15px;
  }
}

@media only screen and (max-width: 959px) {
  .undergraduateIndex .mainArea .cp-btn .inner {
    min-height: inherit;
    padding: 0;
  }
}

/* お知らせの調整 */
.undergraduateIndex .topicArea .pressRoomNewsLists .list {
  width: 22.26027397260274%;
  border-top: 1px solid #ddd;
}
@media only screen and (max-width: 959px) {
  .undergraduateIndex .topicArea .pressRoomNewsLists .list {
    width: 100%;
  }
  .undergraduateIndex .topicArea .pressRoomNewsLists .list a {
    display: block;
  }
}

.undergraduateIndex .topicArea .btnBox {
  top: 26px;
  right: 0;
}

.undergraduateIndex .topicArea .pressRoomNewsLists .list a .type {
    font-size: 1.2rem;
    line-height: 1;
    padding: 17px 0 9px;
}
@media only screen and (max-width: 959px) {
  .undergraduateIndex .topicArea .pressRoomNewsLists .list a .type {
    padding: 10px 0 6px;
  }
}

.undergraduateIndex .topicArea .inner.events {
  padding: 0;
  max-width: initial;
} 
@media only screen and (max-width: 959px){
  .undergraduateIndex .topicArea .inner.events {
    padding: 30px 0;
    max-width: initial;
  }
}

@media screen and (max-width: 1280px) and (min-width: 960px) {
  .undergraduateIndex .topicArea {
    padding: 0;
  }
}

.undergraduateIndex .cp-videos {
    max-width: 1440px;
    width: calc(100% - 9px);
    margin: 40px 0 !important;
}
@media only screen and (max-width: 959px) {
  .undergraduateIndex .cp-videos {
    width: 100%;
    max-width: 320px;
    margin: 40px auto !important;
  }
}

.undergraduateIndex .cp-videos.cp-videos-04 .cp-videos-item {
  width: 24%;
}
@media only screen and (max-width: 959px) {
  .undergraduateIndex .cp-videos.cp-videos-04 .cp-videos-item {
    width: 100%;
  }
}

.undergraduateIndex .cp-videos.cp-videos-03 .cp-videos-item {
  width: 24%;
}
@media only screen and (max-width: 959px) {
  .undergraduateIndex .cp-videos.cp-videos-03 .cp-videos-item {
    width: 100%;
  }
}

.undergraduateIndex .cp-videos.cp-videos-02 .cp-videos-item {
  width: 24%;
}
@media only screen and (max-width: 959px) {
  .undergraduateIndex .cp-videos.cp-videos-02 .cp-videos-item {
    width: 100%;
  }
}

.undergraduateIndex .cp-videos.cp-videos-01 .cp-videos-item {
  width: 24%;
}
@media only screen and (max-width: 959px) {
  .undergraduateIndex .cp-videos.cp-videos-01 .cp-videos-item {
    width: 100%;
  }
}

.undergraduateIndex .cp-videos-item .cp-videos-thumb {
  padding-top: 9.25%;
}
@media only screen and (max-width: 959px) {
  .undergraduateIndex .cp-videos-item .cp-videos-thumb {
    padding-top: 7.25%;
    background-size: 100% auto;
  }
}

.undergraduateIndex .cp-videos-item .cp-videos-thumb iframe {
  width: auto;
  height: auto;
}




/* ２カラムバージョン */
.articleInner .topicArea .inner.events {
  padding: 0;
  max-width: initial;
}
@media only screen and (max-width: 959px){
  .articleInner .topicArea .inner.events {
    padding: 30px 0;
    max-width: initial;
  }
}

.articleInner .topicArea .inner.events .eventsLists .list {
  width: 31.269841%;
}
@media only screen and (max-width: 959px){
  .articleInner .topicArea .inner.events .eventsLists .list {
    width: 100%;
  }
}


/* ==========================================================================

ヘッダー

========================================================================== */

.header {
  width: 100%;
  background: #fff;
  position: relative;
  z-index: 100;
  border-bottom: 1px solid #eee;
}

.header.modal {
  z-index: 10;
}

.header .inner {
  margin: 0 auto;
  max-width: 1440px;
  padding: 22px 20px 1px;
}

.header .inner:after {
  content: "";
  display: table;
  clear: both;
}

.header .inner .logo {
  -webkit-transition: .2s;
  transition: .2s;
  /* max-width: 204px; */
  max-width:250px;
  width: 100%;
  float: left;
}

.header .inner .logo a {
  width: 100%;
  padding-top: 12.122%;
  display: block;
  background: url(/albums/css/basic-common/abm00000038.png) center center no-repeat;
  background-size: contain;
}

.header .inner #gNav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.header .inner #gNav:after {
  content: "";
  display: table;
  clear: both;
}

.header .inner #gNav>ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 46px 0 0;
}

.header .inner li {
  list-style: none;
}

.header .inner #gNav>ul>li {
  margin-right: 42px;
  font-weight: 600;
  font-size: 1.8rem;
  /*
          .menu,
          .menuList {
            max-height: 9999px;
            opacity: 1;
          }
          */
}

.header .inner #gNav>ul>li:last-of-type {
  margin-right: 0;
}

.header .inner #gNav>ul>li>a {
  color: #333;
  text-align: center;
  position: relative;
  display: inline-block;
  line-height: 1;
  -webkit-transition: all .2s ease-in;
  transition: all .2s ease-in;
  height: 100%;
  padding: 18px 0 0;
}

.header .inner #gNav>ul>li>a::after {
  position: absolute;
  top: 36px;
  left: 0;
  right: 0;
  content: '';
  width: 20px;
  margin: 0 auto;
  height: 2px;
  background: #1a4375;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: .2s;
  transition: .2s;
}

.header .inner #gNav>ul>li>a.byVisitor {
  cursor: default;
}

.header .inner #gNav>ul>li>a.byVisitor::before {
  content: '';
  position: absolute;
  top: 25px;
  right: -17px;
  width: 12px;
  height: 6px;
  background: url(/albums/css/basic-common/abm00000031.svg) no-repeat center center;
  background-size: 12px 6px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: .2s;
  transition: .2s;
}

.header .inner #gNav>ul .menu {
  z-index: 2;
  -webkit-transition: all .4s;
  transition: all .4s;
  overflow: hidden;
  width: 100%;
  top: 100px;
  left: 0;
  position: absolute;
  background: #1a4375;
  max-height: 0;
  opacity: 0;
}

.basicLists,
#headerListArea {
  display: none;
}

.header .inner #gNav>ul .menu .menuInner .lv4-folder,
.header .inner #gNav>ul .menuList .lv4-folder {
  display: none;
}

/* グロナビスタイル */
.header .inner #gNav>ul .menu .menuInner {
  margin: 0 auto;
  max-width: 1440px;
  padding: 75px 60px 56px;
  color: #fff;
}

.header .inner #gNav>ul .menu .menuInner .ttl {
  font-size: 2rem;
  line-height: 1;
  margin-bottom: 50px;
  font-weight: 500;
}

.header .inner #gNav>ul .menu .menuInner .lv2-link {
  display: none;
}

.header .inner #gNav>ul .menu .menuInner .lv2-folder {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.header .inner #gNav>ul .menu .menuInner .lv2-folder .lv3-item {
  border-top: 1px solid #ddd;
  width: 22.1649961471557599%;
  height: 100%;
}

.header .inner #gNav>ul .menu .menuInner .lv2-folder .lv3-item:first-of-type {
  display: none;
}

.header .inner #gNav>ul .menu .menuInner .lv2-folder .lv3-item a {
  -webkit-transition: .2s;
  transition: .2s;
  color: #fff;
}

.header .inner #gNav>ul .menu .menuInner .lv2-folder .lv3-item:last-of-type {
  margin-right: 0;
}

.header .inner #gNav>ul .menu .menuInner .lv3-link {
  line-height: 1;
  font-size: 1.6rem;
  padding: 15px 0 20px;
  font-weight: normal;
  display: block;
  color: #fff;
  position: relative;
}

.header .inner #gNav>ul .menu .menuInner .lv3-folder {
  font-weight: normal;
  line-height: 1;
  margin-bottom: 20px;
}

.header .inner #gNav>ul .menu .menuInner .lv3-folder .lv4-item {
  line-height: 1.3;
  margin: 0 0 8px;
  white-space: normal;
}

.header .inner #gNav>ul .menu .menuInner .lv3-folder .lv4-item a {
  -webkit-transition: .2s;
  transition: .2s;
  font-size: 1.4rem;
  color: #fff;
}

.header .inner #gNav>ul .menuList {
  z-index: 2;
  -webkit-transition: all .4s;
  transition: all .4s;
  overflow: hidden;
  background: #1a4375;
  position: absolute;
  top: 100px;
  width: 200px;
  max-height: 0;
  opacity: 0;
  -webkit-transform: translateX(-41px);
  transform: translateX(-41px);
}

.header .inner #gNav>ul .menuList .naviBox {
  padding: 25px 30px;
}
.header .inner #gNav>ul .menuList .naviBox .lv2-link {
  display: none;
}

.header .inner #gNav>ul .menuList .naviBox .lv4-link {
  display: none;
}

.header .inner #gNav>ul .menuList .naviBox .lv3-item:first-of-type,
.header .inner #gNav>ul .menuList .naviBox .lv3-item:last-of-type {
  display: none;
}

.header .inner #gNav>ul .menuList .naviBox .lv3-item {
  font-weight: normal;
  margin-bottom: 8px;
}

.header .inner #gNav>ul .menuList .naviBox .lv3-item:last-of-type {
  margin-bottom: 0;
}

.header .inner #gNav>ul .menuList .naviBox .lv3-item a {
  -webkit-transition: .2s;
  transition: .2s;
  font-size: 1.6rem;
  color: #fff;
}

.header .inner #gNav .rightBtn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.header .inner #gNav .rightBtn .icnBtnBox a {
  width: 56px;
}

.header .inner #gNav .rightBtn #searchBtn {
  margin: 0 14px 0 0;
}

.header .inner #gNav .rightBtn #searchBtn a.insectEye.insectEye::after {
  top: -22px;
  left: 0;
  right: 0;
  bottom: 0;
  width: 20px;
  height: 20px;
  background: url(/albums/css/basic-common/abm00000032.svg) no-repeat center center;
  background-size: 20px 20px;
}

.header .inner #gNav .rightBtn #searchBtn a.insectEye.active {
  -webkit-transition: .2s;
  transition: .2s;
}

.header .inner #gNav .rightBtn #searchBtn a.insectEye.active::before {
  background: #859AD1;
  border: 1px solid #859AD1;
  -webkit-transition: .2s;
  transition: .2s;
}

.header .inner #gNav .rightBtn #searchBtn a.insectEye.active::after {
  width: 16px;
  height: 16px;
  background: url(/albums/css/basic-common/abm00000047.svg) center center no-repeat;
  background-size: 16px 16px;
}

.header .inner #gNav .rightBtn .lang.lang::after {
  position: absolute;
  top: -22px;
  left: -1px;
  right: 0;
  bottom: 0;
  width: 20px;
  height: 20px;
  background: url(/albums/css/basic-common/abm00000034.svg) no-repeat center center;
  background-size: 20px 20px;
  margin: auto;
  min-width: inherit;
}

.searchArea {
  position: absolute;
  z-index: 11;
  top: 0;
  right: 0;
  width: calc(100% - 80px);
  background: #1a4375;
  -webkit-transition: -webkit-transform .4s;
  transition: -webkit-transform .4s;
  transition: transform .4s;
  transition: transform .4s, -webkit-transform .4s;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  padding: 25px 0;
}

.searchArea .inputBox {
  overflow: hidden;
  position: relative;
  max-width: 800px;
  margin: 0 auto;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  height: 40px;
}

.searchArea .inputBox:after {
  content: "";
  display: table;
  clear: both;
}

.searchArea .inputBox input[type='text'] {
  border: none;
  font-size: 1.4rem;
  width: 88.7539%;
  padding: 5px;
  margin: 5px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.searchArea .inputBox .submitBtn {
  -webkit-transition: .2s;
  transition: .2s;
  float: right;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-indent: -9999px;
  cursor: pointer;
  border: none;
  width: 80px;
  height: 40px;
  background: #859AD1 url(/albums/css/basic-common/abm00000033.svg) center center no-repeat;
  background-size: 20px 20px;
}

.searchArea .inputBox .submitBtn[disabled]:not(.noHover):hover {
  cursor: not-allowed;
  /* 禁止カーソル */
  background: #859AD1 url(/albums/css/basic-common/abm00000033.svg) center center no-repeat;
  background-size: 20px 20px;
}


/* ==========================================================================

ハンバーガーボタン

========================================================================== */

.mainMenu {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 1002;
  width: 60px;
  height: 60px;
  cursor: pointer;
  background: #fff;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}

.mainMenu.drawerClose {
  -webkit-transform: translateX(0) !important;
  transform: translateX(0) !important;
}

.mainMenu a {
  display: block;
  position: absolute;
  margin: 0;
  top: -8px;
  left: 15px;
  bottom: 0;
  color: #1a4375;
  width: 32px;
  text-align: center;
}

.mainMenu a p {
  -webkit-transition: .2s;
  transition: .2s;
  font-size: 1.1rem;
  letter-spacing: -.01em;
  margin: 46px auto 0;
}

.mainMenu a span {
  top: 50%;
  width: 32px;
  height: 2px;
  display: block;
  position: absolute;
  background: #1a4375;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  margin: 0;
}

.mainMenu a span::before {
  top: 50%;
  right: 0;
  width: 32px;
  height: 2px;
  margin-top: -9px;
  content: '';
  display: block;
  position: absolute;
  background: #1a4375;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}

.mainMenu a span::after {
  top: 50%;
  right: 0;
  width: 32px;
  height: 2px;
  margin-top: 7px;
  content: '';
  display: block;
  position: absolute;
  background: #1a4375;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}

.mainMenu a span.iconClose {
  background: transparent !important;
  position: absolute;
  top: 32px;
  bottom: 0;
  left: 0;
}

.mainMenu a span.iconClose::before, .mainMenu a span.iconClose::after {
  width: 32px;
  margin-top: 0;
}

.mainMenu a span.iconClose::before {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.mainMenu a span.iconClose::after {
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

.mainMenu a.hover span {
  background: #789807;
}

.mainMenu a.hover span::before, .mainMenu a.hover span::after {
  background: #789807;
}

.mainMenu a.hover span.iconClose {
  background: transparent !important;
}


/* ==========================================================================

ドロワー

========================================================================== */

#drawer {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 1001;
  width: 400px;
  height: 120%;
  background: #1a4375;
  -webkit-overflow-scrolling: touch;
  overflow: hidden;
}

#drawer.spScroll #drawerInner {
  width: 100%;
  padding-right: 0;
}

#drawer #drawerInner {
  z-index: 10000;
  position: relative;
  padding: 0;
  width: calc(100% + 17px);
  padding-right: 17px;
  overflow-y: scroll;
}

#drawer #drawerInner .drawerHd {
  display: none;
  background: #fff;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  padding: 13px 15px 14px;
}

#drawer #drawerInner ul li {
  list-style: none;
}

#drawer #drawerInner .drawerHd .logo {
  /* max-width: 133px; */
  max-width:160px;
  width: 100%;
}

#drawer #drawerInner .drawerHd .logo a {
  width: 100%;
  padding-top: 17px;
  display: block;
  background: url(/albums/css/basic-common/abm00000038.png) center center no-repeat;
  background-size: contain;
}

#drawer #drawerInner .drawerContents {
  padding: 0 0 120px;
}

#drawer #drawerInner .drawerContents .searchSpArea {
  padding: 80px 15px 20px;
}

#drawer #drawerInner .drawerContents .searchSpArea .inputBox {
  overflow: hidden;
  width: 100%;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  height: 40px;
}

#drawer #drawerInner .drawerContents .searchSpArea .inputBox:after {
  content: "";
  display: table;
  clear: both;
}

#drawer #drawerInner .drawerContents .searchSpArea .inputBox input[type='text'] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: none;
  font-size: 1.4rem;
  width: calc(100% - 50px);
  padding: 5px;
  margin: 5px;
}

#drawer #drawerInner .drawerContents .searchSpArea .inputBox .submitBtn {
  -webkit-transition: .2s;
  transition: .2s;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  text-indent: -9999px;
  cursor: pointer;
  border: none;
  width: 40px;
  height: 40px;
  background: #859AD1 url(/albums/css/basic-common/abm00000033.svg) center center no-repeat;
  background-size: 15px 15px;
}

#drawer #drawerInner .drawerContents .searchSpArea .inputBox .submitBtn[disabled]:not(.noHover):hover {
  cursor: not-allowed;
  /* 禁止カーソル */
  background: #859AD1 url(/albums/css/basic-common/abm00000033.svg) center center no-repeat;
  background-size: 15px 15px;
}

#drawer #drawerInner .drawerContents .linkTop{
  border-top: 1px solid #122f52;
  border-bottom: 1px solid #122f52;
}

#drawer #drawerInner .drawerContents .linkTop ul {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

#drawer #drawerInner .drawerContents .linkTop ul li {
  text-align: center;
  width: 33.3333%;
  border-right: 1px solid #122f52;
}

#drawer #drawerInner .drawerContents .linkTop ul li:last-of-type {
  border-right: none;
}

#drawer #drawerInner .drawerContents .linkTop ul li a {
  -webkit-transition: .2s;
  transition: .2s;
  padding: 17px 0;
  line-height: 1.4;
  color: #fff;
  display: block;
  width: 100%;
  font-size: 1.4rem;
}

/* 応急処置 */
/*
#drawer #drawerInner .drawerContents .linkTop ul li:nth-child(1) {
  width: 100%;
  text-align: left;
}
#drawer #drawerInner .drawerContents .linkTop ul li:nth-child(1) a {
  padding: 17px 0 17px 15px;
}
#drawer #drawerInner .drawerContents .linkTop ul li:nth-child(2),
#drawer #drawerInner .drawerContents .linkTop ul li:nth-child(3) {
  display: none;
}
*/
/* 応急処置 */

#drawer #drawerInner .drawerContents .linkTop ul li:nth-child(1) a[target="_blank"]::after {
  display: none !important;
}

#drawer #drawerInner .drawerContents .categoryLists {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /*border-bottom: 1px solid #122f52;*/
}

#drawer #drawerInner .drawerContents .categoryLists a {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 100%;
  color: #fff;
  padding: 17px 40px 17px 15px;
  white-space: normal;
  font-size: 1.4rem;
  line-height: 1.4;
  -webkit-transition: .2s;
  transition: .2s;
}

#drawer #drawerInner .drawerContents .categoryLists a.current {
  background: #fe9618;
}

#drawer #drawerInner .drawerContents .categoryLists .categoryList {
  width: 100%;
  position: relative;
  border-bottom: 1px solid #122f52;
  -webkit-transition: all .3s;
  transition: all .3s;
}

#drawer #drawerInner .drawerContents .categoryLists .categoryList:last-child {
  border-bottom: 0;
}

#drawer #drawerInner .drawerContents .categoryLists .categoryList .triggerBox {
  position: absolute;
  bottom: 0;
  top: 0;
  right: 0;
  width: 40px;
  height: 54px;
  padding: 0 5px 0 0;
}

#drawer #drawerInner .drawerContents .categoryLists .categoryList .miniTrigger {
  width: 20px;
  height: 20px;
  position: absolute;
  -webkit-transition: .2s;
  transition: .2s;
  cursor: pointer;
  width: 20px;
  height: 20px;
  margin: 17px 10px 0 10px;
  background: #fff;
}

#drawer #drawerInner .drawerContents .categoryLists .categoryList .miniTrigger span {
  display: inline-block;
  -webkit-transition: all .3s;
  transition: all .3s;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 15px;
  height: 2px;
  margin: auto;
  background: #1a4375;
}

#drawer #drawerInner .drawerContents .categoryLists .categoryList .miniTrigger span:nth-of-type(1) {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}

#drawer #drawerInner .drawerContents .categoryLists .categoryList .miniTrigger span:nth-of-type(2) {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

#drawer #drawerInner .drawerContents .categoryLists .categoryList .miniTrigger.open span:nth-of-type(1) {
  display: none;
}

#drawer #drawerInner .drawerContents .categoryLists .categoryList .miniTrigger.open span:nth-of-type(2) {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

#drawer #drawerInner .drawerContents .categoryLists .categoryList .lv2-folder,
#drawer #drawerInner .drawerContents .categoryLists .categoryList .lv3-folder,
#drawer #drawerInner .drawerContents .categoryLists .categoryList .lv4-folder,
#drawer #drawerInner .drawerContents .categoryLists .categoryList .lv5-folder,
#drawer #drawerInner .drawerContents .categoryLists .categoryList .lv6-folder,
#drawer #drawerInner .drawerContents .categoryLists .categoryList .hiddenBox {
  display: none;
}

#drawer #drawerInner .drawerContents .categoryLists .categoryList .lv2-folder,
#drawer #drawerInner .drawerContents .categoryLists .categoryList .lv3-folder,
#drawer #drawerInner .drawerContents .categoryLists .categoryList .lv4-folder {
  border-top: 1px solid #122f52;
}

#drawer #drawerInner .drawerContents .categoryLists .categoryList .lv3-link {
  padding-left: 29px;
}

#drawer #drawerInner .drawerContents .categoryLists .categoryList .lv4-link {
  padding-left: 43px;
}

#drawer #drawerInner .drawerContents .categoryLists .categoryList .lv5-link {
  padding-left: 57px;
}

#drawer #drawerInner .drawerContents .categoryLists .categoryList .lv6-link {
  padding-left: 71px;
  border-top: 1px solid #122f52;
}

#drawer #drawerInner .drawerContents #categoryListNumber10,
#drawer #drawerInner .drawerContents #categoryListNumber11 {
  display: none;
}

/* 2階層目のリンク先を非表示 */
#drawer #drawerInner .drawerContents .categoryLists .categoryList .lv3-item:first-child {
  display: none;
}

#drawer #drawerInner .underNav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  height: 120px;
  background: #1a4375;
  border-top: 1px solid #122f52;
  position: fixed;
  z-index: 10;
  bottom: 0;
  right: 0;
  width: 400px;
}

#drawer #drawerInner .underNav li {
  overflow: hidden;
  white-space: nowrap;
  text-align: center;
  border-right: 1px solid #122f52;
  width: 24.5%;
}

#drawer #drawerInner .underNav li:nth-child(1),
#drawer #drawerInner .underNav li:nth-child(2),
#drawer #drawerInner .underNav li:nth-child(3) {
  width: 33.16777777%;
  border-bottom: 1px solid #122f52;
}

#drawer #drawerInner .underNav li:nth-child(3) {
  border-right: none;
}

#drawer #drawerInner .underNav li:last-of-type {
  border-right: none;
}

#drawer #drawerInner .underNav li a {
  -webkit-transition: .2s;
  transition: .2s;
  display: block;
  width: 100%;
  height: 100%;
  color: #fff;
  font-size: 1.2rem;
  padding-top: 13px;
}

#drawer #drawerInner .underNav li a::before {
  content: '';
  display: block;
  vertical-align: middle;
  margin: 0 auto 2px;
}

#drawer #drawerInner .underNav li a.contact::before {
  width: 13px;
  height: 15px;
  background: url(/albums/css/basic-common/abm00000049.svg) no-repeat center center;
  background-size: 13px 15px;
}

#drawer #drawerInner .underNav li a.access::before {
  width: 12px;
  height: 15px;
  background: url(/albums/css/basic-common/abm00000046.svg) no-repeat center center;
  background-size: 12px 15px;
}

#drawer #drawerInner .underNav li a.request::before {
  width: 15px;
  height: 14px;
  background: url(/albums/css/basic-common/abm00000044.svg) no-repeat center center;
  background-size: 15px 14px;
}

#drawer #drawerInner .underNav li a.pressRoom {
  letter-spacing: -.01em;
}

#drawer #drawerInner .underNav li a.pressRoom::before {
  width: 15px;
  height: 14px;
  background: url(/albums/css/basic-common/abm00000044.svg) no-repeat center center;
  background-size: 15px 14px;
}

#drawer #drawerInner .underNav li a.library::before {
  width: 11px;
  height: 13px;
  background: url(/albums/css/basic-common/abm00000037.svg) no-repeat center center;
  background-size: 11px 13px;
}

#drawer #drawerInner .underNav li a.donation::before {
  width: 15px;
  height: 14px;
  background: url(/albums/css/basic-common/abm00000021.svg) no-repeat center center;
  background-size: 15px 14px;
}

#drawer #drawerInner .underNav li a.recruit::before {
  width: 15px;
  height: 14px;
  background: url(/albums/css/basic-common/abm00000042.svg) no-repeat center center;
  background-size: 15px 14px;
}


/* ==========================================================================

オーバーレイ

========================================================================== */

#overlay {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 1000;
  width: 100%;
  height: 120%;
  background: rgba(0, 0, 0, .75);
}


/* ==========================================================================

フッター

========================================================================== */

.footer {
  background: #1a4375;
}

.footer:after {
  content: "";
  display: table;
  clear: both;
}

.footer .inner {
  margin: 0 auto;
  max-width: 1260px;
  padding: 53px 20px 60px 20px;
  font-size: 1.4rem;
}

.footer .inner:after {
  content: "";
  display: table;
  clear: both;
}

.footer .inner .bnr {
  /* max-width: 204px; */
  max-width:250px;
  margin: 0 0 23px;
}

.footer .inner li {
  list-style: none;
}

.footer .inner .bnr img {
  display: block;
  width: 100%;
  height: 100%;
}

.footer .inner .txt {
  color: #fff;
}

.footer .inner .txt a[href^="tel:"] {
  color: #fff;
}
@media screen and (min-width: 960px){
  .footer .inner .txt a[href^="tel:"]:not(.noHover):hover {
    color: #fff !important;
  }
}

.footer .inner .txt .tel {
  margin: 0 0 0 15px;
}
@media only screen and (max-width: 959px) { 
  .footer .inner .txt .tel {
    margin: 0;
  }
}

.footer .inner .mainLinkList {
  width: 100%;
  margin: 10px 0 15px;
  line-height: 1;
}

.footer .inner .mainLinkList ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.footer .inner .mainLinkList li {
  position: relative;
  line-height: 1;
  padding: 0 14px 0 0;
  margin: 0 14px 0 0;
}

.footer .inner .mainLinkList li::after {
  content: '';
  width: 1px;
  height: 12px;
  background: #fff;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto 0;
}

.footer .inner .mainLinkList li:last-child {
  margin: 0;
  padding: 0;
}

.footer .inner .mainLinkList li:last-child::after {
  display: none;
}

.footer .inner .mainLinkList li a {
  color: #fff;
  -webkit-transition: .2s;
  transition: .2s;
}

.footer .inner .copy {
  color: #fff;
  line-height: 1;
  letter-spacing: 0.05em;
}


/* トップページに戻るボタン
-------------------------------------------------------------*/
.backToTop {
  display: none;
  position: fixed;
  z-index: 10;
  right: 20px;
  bottom: 20px;
  width: 40px;
  height: 40px;
}

.backToTop a {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10;
  display: block;
  width: 100%;
  height: 100%;
  margin: 0 0 0 auto;
  background: #859AD1;
  border-radius: 50%;
  -webkit-transition: background .2s;
  transition: background .2s;
}

.backToTop a::before {
  content: '';
  position: absolute;
  top: 17px;
  left: 14px;
  width: 12px;
  height: 12px;
  border-left: 2px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.backToTop a::after {
  content: '';
  position: absolute;
  top: 16px;
  left: 14px;
  width: 12px;
  height: 12px;
  border-top: 2px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}


/* フッター追従ナビ（SP）
-------------------------------------------------------------*/

.footNav {
  display: none;
}

.footNav li {
  width: 24.71%;
  white-space: nowrap;
  text-align: center;
  border-right: 1px solid #122f52;
  list-style: none;
}

.footNav li:last-of-type {
  border-right: none;
}

.footNav li a {
  display: block;
  width: 100%;
  height: 100%;
  color: #fff;
  padding-top: 15px;
  font-size: 1.2rem;
}

.footNav li a::before {
  content: '';
  display: block;
  vertical-align: middle;
  margin: 0 auto 2px;
}

.footNav li a.contact::before {
  width: 12px;
  height: 12px;
  background: url(/albums/css/basic-common/abm00000049.svg) no-repeat center center;
  background-size: 12px 12px;
}

.footNav li a.access::before {
  width: 9px;
  height: 12px;
  background: url(/albums/css/basic-common/abm00000046.svg) no-repeat center center;
  background-size: 9px 12px;
}

.footNav li a.request::before {
  width: 11px;
  height: 12px;
  background: url(/albums/css/basic-common/abm00000044.svg) no-repeat center center;
  background-size: 11px 12px;
}

.footNav li a.lang::before {
  width: 12px;
  height: 12px;
  background: url(/albums/css/basic-common/abm00000035.svg) no-repeat center center;
  background-size: 12px 12px;
}
.footNav li a.lang::after {
  display: none;
}


/* ==========================================================================

トップページ

========================================================================== */

.top section.mainVisualArea {
  height: 750px;
  position: relative;
  overflow: hidden;
}

.top section.mainVisualArea .sliderContainer {
  overflow: hidden;
}

.top section.mainVisualArea .sliderContainer .slick-dotted.slick-slider {
  margin: 0;
}
/*
@media only screen and (max-width: 959px) { 
  .top section.mainVisualArea .sliderContainer .slick-dotted.slick-slider {
    margin: 0 0 10px;
  }
}
*/


.top section.mainVisualArea .sliderContainer .topMainEx.slick-initialized {
  display: block;
}

.top section.mainVisualArea .sliderContainer .topMainEx .slick-dots {
  position: absolute;
  left: 0;
  top: 291px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: auto;
  z-index: 20;
}

.top section.mainVisualArea .sliderContainer .topMainEx .slick-dots li {
  position: relative;
  display: inline-block;
  height: 28px;
  width: 28px;
  margin: 0 11px 0 0;
  padding: 0;
  cursor: pointer;
  background: #f2f2f2;
  border-radius: 100%;
  -webkit-transition: .2s;
  transition: .2s;
}

.top section.mainVisualArea .sliderContainer .topMainEx .slick-dots li:last-of-type {
  margin: 0;
}

.top section.mainVisualArea .sliderContainer .topMainEx {
  position: absolute;
  z-index: 2;
  top: 215px;
  left: 8.26086956521739%;
  display: none;
  width: 600px;
}

.top section.mainVisualArea .sliderContainer .topMainEx .standard {
  color: #fff;
  padding: 48px 30px 42px 30px;
  background: rgba(0, 0, 0, .6);
}

.top section.mainVisualArea .sliderContainer .topMainEx .standard.modern {
  background: none;
  padding-left: 0;
  color: #333;
}

.top section.mainVisualArea .sliderContainer .topMainEx .mainTtl {
  font-size: 4rem;
  text-align: left;
  line-height: 1.5;
  margin-bottom: 22px;
  white-space: nowrap;
}

.top section.mainVisualArea .sliderContainer .topMainEx .btnBox {
  margin: 0;
  max-width: 240px;
  text-align: center;
}

.top section.mainVisualArea .sliderContainer .topMainEx .btnBox::after {
  display: none;
}

.top section.mainVisualArea .sliderContainer .topMainEx .btnBox a {
  font-size: 1.4rem;
  padding: 13px 17px;
  background: #1a4375;
  -webkit-box-shadow: 0 0 0 1px #1a4375 inset;
  box-shadow: 0 0 0 1px #1a4375 inset;
}

.top section.mainVisualArea .sliderContainer .topMainVisualSlider {
  display: none;
}

.top section.mainVisualArea .sliderContainer .topMainVisualSlider.slick-initialized {
  display: block;
}

.top section.mainVisualArea .sliderContainer .topMainVisualSlider .bg {
  position: relative;
  padding-top: 750px;
  background-size: cover;
}

.top section.mainVisualArea .sliderContainer .topMainVisualSlider .bg::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: auto;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

/* 曲線 */
.top section.mainVisualArea .sliderContainer .topMainVisualSlider .bg.curve::after {
  content: '';
  z-index: 5;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto 0;
  background: #fff;
  width: 798px;
  height: 210%;
  border-top-right-radius: 1040px;
  border-bottom-right-radius: 1040px;
}

.top section.mainVisualArea .tabMainBox {
  visibility: hidden;
  position: absolute;
  bottom: 0;
  max-width: 1260px;
  right: 20px;
  left: 20px;
  z-index: 50;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.ie.top section.mainVisualArea .tabMainBox {
  width: 100%;
}
@media screen and (min-width: 960px) and (max-width: 1280px) {
  .ie.top section.mainVisualArea .tabMainBox {
    width: auto;
  }
}

.top section.mainVisualArea .tabMainBox .lists {
  visibility: visible;
  /*width: 33.33333333333333%;*/
  width: 100%;
  flex-grow: 1;
  text-align: center;
  -webkit-transition: -webkit-transform .4s;
  transition: -webkit-transform .4s;
  transition: transform .4s;
  transition: transform .4s, -webkit-transform .4s;
  -webkit-transform: translateY(440px);
  transform: translateY(440px);
  background: #fff;
  height: 560px;
  background: #1a4375;
  color: #fff;
}

.top section.mainVisualArea .tabMainBox .lists:nth-child(2) {
  background: #4e6db9;
}

.top section.mainVisualArea .tabMainBox .lists:hover {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.top section.mainVisualArea .tabMainBox .lists .ttl {
  height: 120px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 2.4rem;
}

.top section.mainVisualArea .tabMainBox .lists ul {
  position: relative;
  margin: 0 11.904761904761903%;
  padding: 30px 0 0;
  width: auto;
}

.top section.mainVisualArea .tabMainBox .lists ul::before {
  content: '';
  position: absolute;
  background: #fff;
  opacity: .5;
  top: 0;
  left: 0;
  margin: 0;
  height: 1px;
  z-index: 10;
  width: 100%;
}

.top section.mainVisualArea .tabMainBox .lists ul li {
  font-size: 1.6rem;
  text-align: left;
  margin: 0 0 9px;
  letter-spacing: -.05em;
  list-style: none;
}

.top section.mainVisualArea .tabMainBox .lists ul li a {
  color: #fff;
  -webkit-transition: .2s;
  transition: .2s;
}

.top .spOnlyLinkBox {
  display: none;
  background: #1a4375;
}

.top .spOnlyLinkBox ul {
  margin: 0;
}

.top .spOnlyLinkBox .topNav {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background: #859AD1;
}

.top .spOnlyLinkBox li {
  list-style: none;
}

.top .spOnlyLinkBox .topNav li {
  text-align: center;
  width: 33.3333%;
  border-right: 1px solid #6d8ebc;
}

.top .spOnlyLinkBox .topNav li:last-of-type {
  border-right: none;
}

.top .spOnlyLinkBox .topNav li a {
  padding: 17px 0;
  line-height: 1;
  color: #fff;
  display: block;
  width: 100%;
  line-height: 1.4;
  font-size: 1.4rem;
}

/* 応急処置 */
/*
.top .spOnlyLinkBox .topNav li:nth-child(1) {
  width: 100%;
  text-align: left;
}
.top .spOnlyLinkBox .topNav li:nth-child(1) a {
  padding: 17px 15px;
}
.top .spOnlyLinkBox .topNav li:nth-child(2),
.top .spOnlyLinkBox .topNav li:nth-child(3) {
  display: none;
}
*/
/* 応急処置 */

.top .spOnlyLinkBox .topNav li:nth-child(1) a[target="_blank"]::after {
  display: none !important;
}

.top .spOnlyLinkBox .centerNav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.top .spOnlyLinkBox .centerNav li {
  text-align: center;
  width: 50%;
  border-bottom: 1px solid #122f52;
}

.top .spOnlyLinkBox .centerNav li a {
  position: relative;
  padding: 23px 0;
  line-height: 1;
  color: #fff;
  display: block;
  width: 100%;
  font-size: 1.4rem;
}

.top .spOnlyLinkBox .centerNav li a::after {
  content: '';
  z-index: 10;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto 0;
  height: 100%;
  width: 1px;
  background: #122f52;
}

.top .spOnlyLinkBox .centerNav li:nth-child(2n) a::after {
  display: none;
}

.top .spOnlyLinkBox .underNav {
  display: table;
  table-layout: fixed;
  width: 100%;
  height: 60px;
}

.top .spOnlyLinkBox .underNav li {
  color: #fff;
  font-size: 1.2rem;
  white-space: nowrap;
  display: table-cell;
  text-align: center;
  border-right: 1px solid #122f52;
}

.top .spOnlyLinkBox .underNav li:last-of-type {
  border-right: none;
}

.top .spOnlyLinkBox .underNav li a {
  display: block;
  width: 100%;
  height: 100%;
  color: #fff;
  padding-top: 13px;
}

.top .spOnlyLinkBox .underNav li a::before {
  content: '';
  display: block;
  vertical-align: middle;
  margin: 0 auto 2px;
}

.top .spOnlyLinkBox .underNav li a.pressRoom {
  letter-spacing: -.01em;
}

.top .spOnlyLinkBox .underNav li a.pressRoom::before {
  width: 15px;
  height: 14px;
  background: url(/albums/css/basic-common/abm00000044.svg) no-repeat center center;
  background-size: 15px 14px;
}

.top .spOnlyLinkBox .underNav li a.library::before {
  width: 11px;
  height: 13px;
  background: url(/albums/css/basic-common/abm00000037.svg) no-repeat center center;
  background-size: 11px 13px;
}

.top .spOnlyLinkBox .underNav li a.donation::before {
  width: 15px;
  height: 14px;
  background: url(/albums/css/basic-common/abm00000021.svg) no-repeat center center;
  background-size: 15px 14px;
}

.top .spOnlyLinkBox .underNav li a.recruit::before {
  width: 15px;
  height: 14px;
  background: url(/albums/css/basic-common/abm00000042.svg) no-repeat center center;
  background-size: 15px 14px;
}

.top .multipleItem {
  display: none;
  margin: 20px 30px;
}

.top .multipleItem.slick-initialized {
  display: block;
}

.top .multipleItem .slick-slide {
  margin: 0 3px;
}

.top .multipleItem .slick-prev, .top .multipleItem .slick-next {
  z-index: 9;
  position: absolute;
  display: block;
  height: 60px;
  width: 60px;
  background: #1a4375;
  color: #fff;
  cursor: pointer;
  top: 50%;
  border-radius: 0;
  -webkit-transition: .2s;
  transition: .2s;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.top .multipleItem .slick-prev::before, .top .multipleItem .slick-next::before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index: 100;
}

.top .multipleItem .slick-prev {
  left: -30px;
}

.top .multipleItem .slick-prev::before {
  width: 9px;
  height: 15px;
  background-size: 9px 15px;
  background: url(/albums/css/basic-common/abm00000030.svg) no-repeat center center;
}

.top .multipleItem .slick-next {
  right: -30px;
}

.top .multipleItem .slick-next::before {
  width: 9px;
  height: 15px;
  background-size: 9px 15px;
  background: url(/albums/css/basic-common/abm00000029.svg) no-repeat center center;
}

.top .multipleItem .bnr a {
  /*background: #000;*/
  display: block;
  width: 100%;
  height: 100%;
}

.top .multipleItem .bnr a img {
  width: 100%;
  height: 100%;
  -webkit-transition: .2s;
  transition: .2s;
}

.top section.pressRoomArea {
  background: #f2f2f2;
}

.top section.pressRoomArea .inner {
  max-width: 1260px;
  margin: 0 auto;
  padding: 0 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.top section.pressRoomArea .inner .mainContents {
  width: 65.07936507936508%;
  padding: 85px 0 18px;
}

.top section.pressRoomArea .inner .mainContents .mainContentsInner {
  position: relative;
  width: 87.8048780487805%;
}

.top section.pressRoomArea .inner .mainContents .mainContentsInner .ttl {
  -webkit-transition: .2s;
  transition: .2s;
  position: relative;
  line-height: 1;
  font-size: 4.8rem;
  padding: 42px 0 0;
  margin-bottom: 40px;
}

.top section.pressRoomArea .inner .mainContents .mainContentsInner .ttl::before {
  z-index: 10;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 26px;
  height: 2px;
  background: #1a4375;
}

.top section.pressRoomArea .inner .mainContents .mainContentsInner .ttl a {
  -webkit-transition: .2s;
  transition: .2s;
  position: relative;
  display: inline-block;
  color: #333;
  padding-right: 88px;
}

.top section.pressRoomArea .inner .mainContents .mainContentsInner .ttl a::before {
  -webkit-transition: .2s;
  transition: .2s;
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 22px;
  margin: auto 0;
  z-index: 10;
  width: 7px;
  height: 14px;
  background-size: 7px 14px;
  background: url(/albums/css/basic-common/abm00000025.svg) no-repeat center center;
}

.top section.pressRoomArea .inner .mainContents .mainContentsInner .ttl a::after {
  -webkit-transition: .2s;
  transition: .2s;
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 9;
  margin: auto 0;
  border-radius: 100%;
  width: 50px;
  height: 50px;
  background: #fff;
  border: 1px solid #ccc;
  background-size: 50px 50px;
}

.top section.pressRoomArea .inner .mainContents .mainContentsInner .accoTrigger {
  top: 15px;
  display: none;
}

.top section.pressRoomArea .inner .mainContents .mainContentsInner h4 {
  font-size: 2.1rem;
  line-height: 1;
  margin-bottom: 16px;
  position: relative;
}

.top section.pressRoomArea .inner .mainContents .mainContentsInner .btnBox {
  margin: 40px 0 40px;
}

.top section.pressRoomArea .inner .mainContents .mainContentsInner .ex {
  margin: 0 0 12px;
  overflow: hidden;
}

.top section.pressRoomArea .inner .mainContents .mainContentsInner .ex a {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.top section.pressRoomArea .inner .mainContents .mainContentsInner .ex .imgArea {
  width: 41.66666666666667%;
  overflow: hidden;
}

.top section.pressRoomArea .inner .mainContents .mainContentsInner .ex .imgBox {
  transition: .2s;
  position: relative;
  padding-top: 66.6666666%;
}

.top section.pressRoomArea .inner .mainContents .mainContentsInner .ex .imgBox img {
  -webkit-transition: .3s;
  transition: .3s;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 2;
}

.top section.pressRoomArea .inner .mainContents .mainContentsInner .ex .txtArea {
  margin-left: auto;
  width: 52.77777777777778%;
  background: #f2f2f2;
}

.top section.pressRoomArea .inner .mainContents .mainContentsInner .ex .txtArea .mainTxt {
  font-weight: 600;
  font-size: 1.5rem;
  color: #333;
  margin: 13px 0 0;
  -webkit-transition: .2s;
  transition: .2s;
}

.top section.pressRoomArea .inner .mainContents .mainContentsInner .ex .txtArea .exTxt {
  color: #555;
  padding: 32px 0 9px;
  line-height: 1;
  font-size: 1.2rem;
}

.top section.pressRoomArea .inner .mainContents .mainContentsInner .ex .txtArea .exTxt time {
  padding: 0 10px 0 0;
}

.top section.pressRoomArea .inner .mainContents .mainContentsInner .ex .txtArea .tag {
  color: #555;
  font-size: 1.2rem;
  line-height: 1.5;
}

.top section.pressRoomArea .inner .mainContents .mainContentsInner .ex .txtArea .tag .tags span {
  display: inline-block;
  margin: 0 10px 0 0;
}

.top section.pressRoomArea .inner .rightContents {
  color: #fff;
  background: #1a4375;
  width: 34.92063492063492%;
  padding: 85px 0 0;
}

.top section.pressRoomArea .inner .rightContents .rightContentsInner {
  width: 72.72727272727273%;
  margin: 0 auto 40px;
}

.top section.pressRoomArea .inner .rightContents .rightContentsInner .ttl {
  position: relative;
  line-height: 1;
  font-size: 3.1rem;
  padding: 26px 0 61px;
}

.top section.pressRoomArea .inner .rightContents .rightContentsInner .ttl::before {
  z-index: 10;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 23px;
  height: 2px;
  background: #fff;
}

.keyFactsSlider {
  margin: 0 0 42px;
}

.keyFactsSlider.slick-initialized {
  display: block;
}

.top section.pressRoomArea .inner .rightContents .rightContentsInner .keyFactsSlider>div {
  position: relative;
}

.top section.pressRoomArea .inner .rightContents .rightContentsInner .keyFactsSlider>div .innerBox {
  -webkit-transition: .2s;
  transition: .2s;
  color: #fff;
  position: relative;
  padding: 45px 0 17px;
  margin-left: auto;
  font-size: 1.3rem;
  line-height: 1;
  display: flex;
  width: 100%;
}

.top section.pressRoomArea .inner .rightContents .rightContentsInner .keyFactsSlider>div .innerBox h4 {
  position: relative;
  -webkit-transition: .2s;
  transition: .2s;
  letter-spacing: -.05em;
  width: 50%;
}

.top section.pressRoomArea .inner .rightContents .rightContentsInner .keyFactsSlider>div .innerBox h4 span {
  position: absolute;
  left: 0;
  bottom: 4px;
  margin: auto 0;
  padding-left: 69px;
}

.top section.pressRoomArea .inner .rightContents .rightContentsInner .keyFactsSlider>div .innerBox .exTxt {
  width: 50%;
  letter-spacing: -.05em;
  white-space: nowrap;
}

.top section.pressRoomArea .inner .rightContents .rightContentsInner .keyFactsSlider>div .innerBox .exTxt p span {
  font-size: 4.8rem;
  margin-bottom: -3px;
  display: inline-block;
  margin-right: 7px;
  letter-spacing: -.01em;
  font-weight: 500;
}

.top section.pressRoomArea .inner .rightContents .rightContentsInner .keyFactsSlider>div .innerBox .exTxt p span.no1 {
  margin-right: 8px;
}

.top section.pressRoomArea .inner .rightContents .rightContentsInner .keyFactsSlider>div .innerBox .exTxt p span.no2 {
  margin-left: 9px;
  margin-right: 8px;
}

.top section.pressRoomArea .inner .rightContents .rightContentsInner .keyFactsSlider>div .innerBox::after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  width: 100%;
  height: 1px;
  background: #fff;
  opacity: .3;
}

.top section.pressRoomArea .inner .rightContents .rightContentsInner .keyFactsSlider>div .innerBox::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto 0;
}

.top section.pressRoomArea .inner .rightContents .rightContentsInner .keyFactsSlider>div .innerBox.keyFacts01::before {
  top: 33px;
  left: 5px;
  width: 48px;
  height: 43px;
  background-size: 48px 43px;
  background: url(/albums/css/basic-common/abm00000007.svg) no-repeat center center;
}

.top section.pressRoomArea .inner .rightContents .rightContentsInner .keyFactsSlider>div .innerBox.keyFacts02::before {
  top: 41px;
  width: 60px;
  height: 35px;
  background-size: 60px 35px;
  background: url(/albums/css/basic-common/abm00000006.svg) no-repeat center center;
}

.top section.pressRoomArea .inner .rightContents .rightContentsInner .keyFactsSlider>div .innerBox.keyFacts03::before {
  top: 33px;
  width: 57px;
  height: 45px;
  background-size: 57px 45px;
  background: url(/albums/css/basic-common/abm00000008.svg) no-repeat center center;
}

.top section.pressRoomArea .inner .rightContents .rightContentsInner .keyFactsSlider>div .innerBox.keyFacts04::before {
  top: 36px;
  left: 13px;
  width: 32px;
  height: 47px;
  background-size: 32px 47px;
  background: url(/albums/css/basic-common/abm00000010.svg) no-repeat center center;
}

.top section.pressRoomArea .inner .rightContents .rightContentsInner .keyFactsSlider>div .innerBox.keyFacts05::before {
  top: 32px;
  left: 4px;
  width: 50px;
  height: 46px;
  background-size: 50px 46px;
  background: url(/albums/css/basic-common/abm00000011.svg) no-repeat center center;
}

.top section.pressRoomArea .inner .rightContents .rightContentsInner .keyFactsSlider>div .innerBox.keyFacts06::before {
  top: 32px;
  left: 4px;
  width: 49px;
  height: 46px;
  background-size: 49px 46px;
  background: url(/albums/css/basic-common/abm00000012.svg) no-repeat center center;
}

/* 白いボタン */
.top section.pressRoomArea .inner .rightContents .rightContentsInner .white.btnBox {
  background: #fff;
}

.top section.pressRoomArea .inner .rightContents .rightContentsInner .white.btnBox a {
  color: #333;
}

.top section.pressRoomArea .inner .rightContents .rightContentsInner .white.btnBox::after {
  background: url(/albums/css/basic-common/abm00000026.svg) no-repeat center center;
}

@media screen and (min-width: 960px){
  .top section.pressRoomArea .inner .rightContents .rightContentsInner .white.btnBox:not(.noHover) a:hover {
      color: #fff;
      background: #fe9618;
      box-shadow: 0 0 0 1px #fe9618 inset;
  }
  .top section.pressRoomArea .inner .rightContents .rightContentsInner .white.btnBox:not(.noHover):hover::after {
      -webkit-transition: all .2s linear;
      transition: all .2s linear;
      background: url(/albums/css/basic-common/abm00000029.svg) no-repeat center center;
  }
}


.topicArea {
  position: relative
}

.topicArea .inner {
  max-width: 1260px;
  margin: 0 auto;
  padding: 64px 20px 0;
  position: relative;
  opacity: 0;
}

.topicArea .inner .commonHide {
  display: flex;
  flex-wrap: nowrap;
}
@media only screen and (max-width: 959px) { 
  .topicArea .inner .commonHide {
    display: block;
  }
}

.topicArea .inner .commonHide .news-all-wrap {
  width: 73.7301587%;
}
@media only screen and (max-width: 959px) { 
  .topicArea .inner .commonHide .news-all-wrap {
    width: 100%;
  }
}

.topicArea .inner .commonHide .permanentBlock {
  width: 21.2698412%;
  margin-left: auto;
  margin-top: -30px;
  height: 100%;
  min-height: 100%;
}
@media only screen and (max-width: 959px) { 
  .topicArea .inner .commonHide .permanentBlock {
    width: 100%;
    margin: 0;
  }
}

.topicArea .inner .commonHide .permanentBlock .news-all-wrap {
  width: 100%;
  background: #f2f2f2;
  min-height: 619px;
}
@media only screen and (max-width: 959px) { 
  .topicArea .inner .commonHide .permanentBlock .news-all-wrap {
    min-height: auto;
  }
}

/* 常設ない場合 */
.topicArea .inner .commonHide.wide {
  display: block;
}

.topicArea .inner .commonHide.wide .news-all-wrap {
  width: 100%;
}

.topicArea .inner .commonHide.wide .newsLists .list {
  width: 21.26984126984127%;
}
@media only screen and (max-width: 959px) { 
  .topicArea .inner .commonHide.wide .newsLists .list {
    width: 100%;
  }
}
/* 常設ない場合 */


.topicArea .inner.events {
  padding: 85px 20px 73px;
}
@media screen and (max-width: 1280px) and (min-width: 960px){
  .topicArea .inner.events{
    padding: 85px 0 0;
  }
}


.topicArea .inner.events .commonHide .news-all-wrap {
  width: 100%;
}

.topicArea .inner.events .accoTrigger {
  top: 111px;
}

.topicArea .btnBox {
  width: 180px;
  position: absolute;
  top: 90px;
  right: 69px;
}

.topicArea .btnBox.events {
  top: 111px;
}

.topicArea .btnBox a {
  font-size: 1.2rem;
  padding: 10px 20px 11px;
}

.topicArea .btnBox::after {
  right: 15px;
}

.topicArea .inner .accoTrigger {
  top: 90px;
  right: 20px;
}

.topicArea .inner .newsLists {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  justify-content: space-between;
}

.topicArea .inner .newsLists .list {
  border-top: 1px solid #ddd;
  width: 28.8482238%;
}

.topicArea .inner .newsLists .list.empty {
  margin: 0;
  padding: 0;
  height: 0;
  border: none;
}

.topicArea .inner .newsLists .list a {
  display: block;
  width: 100%;
  color: #555;
  padding: 33px 0 60px;
}
@media only screen and (max-width: 959px) { 
  .topicArea .inner .newsLists .list a {
    border-top: 1px solid #ddd;
  }
}

.topicArea .inner .newsLists .list a .time {
  font-size: 1.2rem;
  line-height: 1;
  padding: 0 0 10px;
}

.topicArea .inner .newsLists .list a .toicTtl {
  font-weight: 600;
  font-size: 1.5rem;
  color: #333;
  min-height: 48px;
  -webkit-transition: .2s;
  transition: .2s;
}

.topicArea .inner .newsLists .list a .type {
  font-size: 1.2rem;
  line-height: 1;
  padding: 17px 0 9px;
}

.topicArea .inner .newsLists .list a .tag {
  font-size: 1.2rem;
  line-height: 1.5;
}
.topicArea .inner .newsLists .list a .tag .tags span {
  display: inline-block;
  margin: 0 10px 0 0;
}

.topicArea .inner .permanentNewsTtl {
  line-height: 1;
  font-size: 1.5rem;
  padding: 0 0 15px;
}

.topicArea .inner .newsLists.permanentNews {
  width: 100%;
  z-index: 10;
  position: relative;
}
@media only screen and (max-width: 959px) { 
  .topicArea .inner .newsLists.permanentNews::before {
    content: '';
    background: #f2f2f2;
    position: absolute;
    top: 0;
    left: -100px;
    width: 200%;
    height: 100%;
    z-index: -1;
  }
}

.topicArea .inner .newsLists.permanentNews .list {
  width: 100%;
  margin: 0;
  padding: 0 10px;
  box-sizing: border-box;
}
@media only screen and (max-width: 959px) {
  .topicArea .inner .newsLists.permanentNews .list {
    width: 100%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
  .topicArea .inner .newsLists.permanentNews .list:last-of-type {
    border-bottom: none;
  }
}

.topicArea .inner .newsLists.permanentNews .list a {
  padding: 33px 0 36px;
}
@media only screen and (max-width: 959px) { 
  .topicArea .inner .newsLists.permanentNews .list a {
    padding: 12px 0;
  }
}

.topicArea .inner .eventsLists {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-between;
}

.topicArea .inner .eventsLists .list {
  border-top: 1px solid #ddd;
  width: 21.26984126984127%;
}

.topicArea .inner .eventsLists .list:nth-child(4n) {
  margin-right: 0;
}

.topicArea .inner .eventsLists .list.empty {
  border: 0;
  margin: 0;
  padding: 0;
  height: 0;
}

.topicArea .inner .eventsLists .list a {
  display: block;
  width: 100%;
  color: #555;
  padding: 30px 0;
}
@media only screen and (max-width: 959px) { 
  .topicArea .inner .eventsLists .list a {
    border-top: 1px solid #ddd;
  }
}

.topicArea .inner .eventsLists .list a .main {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 20px;
}
@media only screen and (max-width: 959px) { 
  .topicArea .inner .eventsLists .list a .main {
    margin: 0 0 6px;
  }
}

.topicArea .inner .eventsLists .list a .main .time {
  background: #1a4375;
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 50px;
  height: 50px;
  min-width: 50px;
}

.topicArea .inner .eventsLists .list a .main .time span {
  white-space: nowrap;
  text-align: center;
  display: block;
  line-height: 1;
}

.topicArea .inner .eventsLists .list a .main .time span.tops {
  font-size: 1.6rem;
  margin: 4px 0 5px;
}

.topicArea .inner .eventsLists .list a .main .time span.bottoms {
  font-size: 1rem;
}

.topicArea .inner .eventsLists .list a .main .ex {
  margin: 0 0 0 12px;
}

.topicArea .inner .eventsLists .list a .main .ex .type {
  font-size: 1.2rem;
  line-height: 1;
  padding: 0;
  display: flex;
  align-items: center;
  height: 100%;
}

.topicArea .inner .eventsLists .list a .toicTtl {
  font-weight: 600;
  font-size: 1.5rem;
  color: #333;
  min-height: 48px;
  -webkit-transition: .2s;
  transition: .2s;
}

.topicArea .inner .eventsLists .list a .tag {
  font-size: 1.2rem;
  line-height: 1.5;
  margin: 10px 0 0;
}
@media only screen and (max-width: 959px) { 
  .topicArea .inner .eventsLists .list a .tag {
    line-height: 1.4;
    margin: 8px 0;
  }
}

.topicArea .inner .eventsLists .list a .tags span {
  display: inline-block;
  margin: 0 10px 0 0;
}

/* 各INDEXのお知らせ */
.index .topicArea .btnBox {
  top: 27px;
  right: 0;
}

.index .topicArea .pressRoomNewsLists .list {
  width: 22.26027397260274%;
  border-top: 1px solid #ddd;
}
@media screen and (max-width: 1280px) and (min-width: 960px) {
  .index .topicArea{
    padding: 0;
  }
  .index .topicArea .pressRoomNewsLists .list {
    width: 48.2%;
    margin-bottom: 35px;
  }
}
@media only screen and (max-width: 959px) { 
  .index .topicArea .pressRoomNewsLists .list {
    width: 100%;
  }
  .index .topicArea .pressRoomNewsLists .list a {
    display: block;
  }
}

.index .topicArea .pressRoomNewsLists .list .type {
  font-size: 1.2rem;
  line-height: 1;
  padding: 17px 0 9px;
}
@media only screen and (max-width: 959px){
  .topicArea .inner .newsLists .list a .type {
    padding: 10px 0 6px;
  }
}


.top .admissionArea {
  padding: 134px 0 0;
}

.top .admissionArea .inner {
  max-width: 1260px;
  margin: 0 auto;
  padding: 0 20px;
  position: relative;
}

.top .admissionArea .inner .btnArea {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 74px 0 91px;
}

.top .admissionArea .inner .btnArea .btnBox {
  width: 490px;
  max-width: inherit;
  margin-right: 28px;
}

.top .admissionArea .inner .btnArea .btnBox:last-of-type {
  margin: 0;
}

.top .admissionArea .inner .btnArea .btnBox a {
  font-size: 2rem;
  padding: 32px 20px;
  letter-spacing: .15em;
}

.top .admissionArea .inner .btnArea .btnBox::after {
  width: 8px;
  height: 16px;
  background-size: 8px 16px;
}

.top .admissionArea .admissionBox {
  overflow: hidden;
  position: relative;
  height: 640px;
}

.top .admissionArea .admissionBox .admissionSlider {
  display: none;
  position: relative;
  z-index: 10;
  width: 72.82608695652173%;
}

.top .admissionArea .admissionBox .admissionSlider.slick-initialized {
  display: block;
}

.top .admissionArea .admissionBox .admissionSlider .bg {
  position: relative;
  padding-top: 640px;
}

.top .admissionArea .admissionBox .admissionSlider .bg::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: auto;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.top .admissionArea .admissionBox .admissionEx {
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 10;
  width: 48.91304347826087%;
}

.top .admissionArea .admissionBox .admissionEx.slick-initialized {
  display: block;
}

.top .admissionArea .admissionBox .admissionEx .slick-slide {
  position: relative;
}

.top .admissionArea .admissionBox .admissionEx .ex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 90px 0 0;
  height: 460px;
  background: #fff;
  width: 100%;
}

.top .admissionArea .admissionBox .admissionEx .ex .exInner {
  padding: 0 32.22222222222222% 0 6.666666666666667%;
}

.top .admissionArea .admissionBox .admissionEx .ex .readTxt {
  font-size: 1.8rem;
  line-height: 1;
  letter-spacing: -.04em;
}

.top .admissionArea .admissionBox .admissionEx .ex .sttl {
  font-size: 2.8rem;
  letter-spacing: 0.15em;
  margin: 34px 0 30px;
}

.top .admissionArea .admissionBox .admissionEx .ex .exTxt {
  font-size: 1.4rem;
  line-height: 1.8;
}

.top .admissionArea .admissionBox .admissionEx .ex .btnBox {
  position: relative;
  z-index: 10;
  margin-top: 78px;
}

.top .admissionArea .admissionBox .admissionEx .slick-dots {
  position: absolute;
  left: 6.666666666666667%;
  bottom: 0;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: auto;
  z-index: 19;
}

.top .admissionArea .admissionBox .admissionEx .slick-dots li {
  position: relative;
  display: inline-block;
  height: 28px;
  width: 28px;
  margin: 0 11px 0 0;
  padding: 0;
  cursor: pointer;
  background: #f2f2f2;
  border-radius: 100%;
  -webkit-transition: .2s;
  transition: .2s;
}

.top .admissionArea .admissionBox .admissionEx .slick-dots li:last-of-type {
  margin: 0;
}


/* ==========================================================================

下層トップ

========================================================================== */

.index .linkLists .lv2-folder {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: justify;
  justify-content: space-between;
  align-content: space-between;
  flex-direction: row;
}

.index .linkLists .lv2-link {
  display: none;
}

.index .linkLists .lv3-item {
  overflow: hidden;
  width: 22.26027397260274%;
  align-self: stretch;
  margin-bottom: 53px;
}
@media screen and (max-width: 1280px) and (min-width: 960px) {
  .index .linkLists .lv3-item {
    width: 48.2%;
    margin-bottom: 35px;
  }
}

.index .linkLists .lv3-item.empty {
  margin: 0;
  padding: 0;
  height: 0;
}

/* 臨床試験支援センターを削除 */
.index .linkLists .lv3-item.ctsc3 {
  display: none;
}

/* ３階層目を削除 */
.index .linkLists .lv3-item.general3 .lv3-folder,
.index .linkLists .lv3-item.parent3 .lv3-folder,
.index .linkLists .lv3-item.stud3 .lv3-folder {
  display: none;
}


.index .linkLists .lv3-item .ttl {
  font-weight: 600;
  font-size: 1.8rem;
  letter-spacing: -.01em;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

.index .linkLists .lv3-item .ttl span {
  padding-right: 60px;
  display: block;
}

.index .linkLists .lv3-item .ttl a {
  -webkit-transition: .2s;
  transition: .2s;
  position: relative;
  display: inline-block;
  color: #333;
  width: 100%;
  padding: 15px 10px;
}

.index .linkLists .lv3-item .ttl a::after {
  -webkit-transition: .2s;
  transition: .2s;
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 28px;
  z-index: 9;
  margin: auto 0;
  width: 28px;
  height: 28px;
  background-size: 28px 28px;
  background: url(/albums/css/basic-common/abm00000005.svg) no-repeat center center;
}

.index .linkLists .lv3-item .lv3-folder {
  padding: 15px 0 0 10px;
}

.index .linkLists .lv3-item .lv3-folder .lv4-item {
  position: relative;
  font-size: 1.4rem;
  margin: 0 0 6px;
  padding: 0 25px 0 0;
}

.index .linkLists .lv3-item .lv3-folder .lv4-item .trigger {
  -webkit-transition: .2s;
  transition: .2s;
  cursor: pointer;
  position: absolute;
  width: 20px;
  height: 20px;
  bottom: 0;
  top: 2px;
  right: 2px;
  left: inherit;
  background: #1a4375;
}

.index .linkLists .lv3-item .lv3-folder .lv4-item .trigger span {
  display: inline-block;
  -webkit-transition: all .3s;
  transition: all .3s;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  top: 9px;
  left: 4px;
  right: 0;
  bottom: 0;
  width: 12px;
  height: 2px;
  background: #fff;
}

.index .linkLists .lv3-item .lv3-folder .lv4-item .trigger span:nth-of-type(1) {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}

.index .linkLists .lv3-item .lv3-folder .lv4-item .trigger span:nth-of-type(2) {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.index .linkLists .lv3-item .lv3-folder .lv4-item .trigger.open span:nth-of-type(1) {
  display: none;
}

.index .linkLists .lv3-item .lv3-folder .lv4-item .trigger.open span:nth-of-type(2) {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.index .linkLists .lv3-item .lv3-folder .lv4-item .lv4-folder {
  display: none;
  position: static;
  max-width: inherit;
  margin: 0;
  padding: 6px 14px 0;
}

.index .linkLists .lv3-item .lv3-folder .lv5-item {
  margin: 0 0 6px;
  padding: 0;
}

.index .linkLists .lv3-item .lv3-folder .lv4-item a {
  -webkit-transition: .2s;
  transition: .2s;
  position: relative;
  color: #333;
}

.index .linkLists .lv3-item .lv5-folder {
  display: none;
  padding: 5px 0 5px 15px;
}

.index .linkLists .lv3-item .lv5-folder .lv6-item {
  margin: 0 0 6px;
  padding: 0;
}


/* ==========================================================================

下層詳細

========================================================================== */

.single2,
.single {
  background: #f5f5f5;
}

.single2 .singleArea,
.single .singleArea {
  position: relative;
  z-index: 10;
  max-width: 1440px;
  margin: -260px auto 60px;
  padding: 0 20px;
}

.single2 .singleArea .oneColumnInner,
.single .singleArea .oneColumnInner {
  background: #fff;
  min-height: 500px;
  padding: 93px 9.722222222222223% 150px;
}

.single2 .singleArea .twoColumnInner,
.single .singleArea .twoColumnInner {
  background: #fff;
  min-height: 500px;
  padding: 93px 9.722222222222223% 150px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.single2 .singleArea .articleContents,
.single .singleArea .articleContents {
  width: 72.41379310344827%;
}

.single2 .singleArea .articleContents .articleInner,
.single .singleArea .articleContents .articleInner {
  font-size: 1.5rem;
  line-height: 2;
}

[data-area="content"] .cp-h1-text {
  position: relative;
  font-weight: 500;
  font-size: 4rem;
  margin: 0;
  padding: 24px 0 60px;
  letter-spacing: -.03em;
}

[data-area="content"] .cp-h1-text::before {
  content: '';
  position: absolute;
  top: -1px;
  left: 0;
  margin: 0;
  z-index: 10;
  width: 32px;
  height: 2px;
  background: #1a4375;
}

[data-area="content"] .cp-h2-text {
  position: relative;
  font-weight: 500;
  font-size: 2.8rem;
  letter-spacing: -.03em;
  border-top: 1px solid #d4d4d4;
  border-bottom: 1px solid #d4d4d4;
  margin: 70px 0 40px;
  padding: 31px 0;
}

[data-area="content"] .cp-h2-text::before {
  content: '';
  position: absolute;
  top: -1px;
  left: 0;
  margin: 0;
  z-index: 10;
  width: 28px;
  height: 1px;
  background: #1a4375;
}

[data-area="content"] .cp-h1-text + [data-area="content"] .cp-h2-text {
  margin-top: 0;
}

[data-area="content"] .cp-h3-text {
  font-weight: 500;
  position: relative;
  font-size: 2.4rem;
  letter-spacing: -.03em;
  border-top: 1px solid #d4d4d4;
  padding: 25px 0 0;
  margin: 80px 0 30px;
}

[data-area="content"] .cp-h3-text::before {
  content: '';
  position: absolute;
  top: -1px;
  left: 0;
  margin: 0;
  z-index: 10;
  width: 28px;
  height: 1px;
  background: #1a4375;
}

[data-area="content"] .cp-h2-text + [data-area="content"] .cp-h3-text {
  margin-top: 0;
}

[data-area="content"] .cp-h4-text {
  font-weight: 500;
  position: relative;
  font-size: 2rem;
  letter-spacing: -.03em;
  color: #1a4375;
  border-top: 1px solid #d4d4d4;
  padding: 20px 0 0;
  margin: 50px 0 30px;
}

[data-area="content"] .cp-h4-text::before {
  content: '';
  position: absolute;
  top: -1px;
  left: 0;
  margin: 0;
  z-index: 10;
  width: 28px;
  height: 1px;
  background: #1a4375;
}

[data-area="content"] .cp-h3-text + [data-area="content"] .cp-h4-text {
  margin-top: 0;
}

[data-area="content"] .cp-h5-text {
  font-weight: 500;
  font-size: 1.8rem;
  padding: 0;
  letter-spacing: -.03em;
  color: #1a4375;
  margin: 10px 0;
}

[data-area="content"] .cp-h4-text + [data-area="content"] .cp-h5-text {
  margin-top: 0;
}

/* 応急処置 */
.cp-h1-text hr,
.cp-h2-text hr,
.cp-h3-text hr,
.cp-h4-text hr,
.cp-h5-text hr {
  display: none;
}

.lead1 {
  font-weight: 500;
  font-size: 2.4rem;
  color: #1a4375;
  line-height: 1.4;
  letter-spacing: -.03em;
}

.lead2 {
  font-weight: 500;
  font-size: 1.8rem;
  color: #1a4375;
  line-height: 1.4;
  letter-spacing: -.03em;
}

.lead3 {
  font-weight: 600;
  font-size: 1.6rem;
  color: #1a4375;
  line-height: 1.4;
  letter-spacing: -.03em;
}

.single2 .singleArea .cp-btn ul,
.single .singleArea .cp-btn ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 10px;
}

.single2 .singleArea .cp-btn ul li.btnBox,
.single .singleArea .cp-btn ul li.btnBox {
  max-width: inherit;
  list-style: none !important;
}

.single2 .singleArea .cp-btn ul li.btnBox.empty,
.single .singleArea .cp-btn ul li.btnBox.empty {
  margin: 0;
  padding: 0;
  height: 0;
}

.single2 .singleArea .cp-btn ul li.btnBox::after,
.single .singleArea .cp-btn ul li.btnBox::after {
  width: 6px;
  height: 12px;
}

.single2 .singleArea .cp-btn ul li.btnBox a,
.single .singleArea .cp-btn ul li.btnBox a {
  font-size: 1.5rem;
  line-height: 1.4;
  padding: 13px 30px 14px 15px;
}

.single2 .singleArea .cp-all,
.single .singleArea .cp-all {
  margin: 0 0 40px;
}
@media only screen and (max-width: 959px) { 
  .single2 .singleArea .cp-all,
  .single .singleArea .cp-all {
    margin: 0 0 10px;
  }
}

.single2 .singleArea .cp-btn .inner,
.single .singleArea .cp-btn .inner {
  margin: 0;
  padding: 0;
}

.single2 .singleArea .cp-btn ul,
.single .singleArea .cp-btn ul {
  margin-left: 0;
}

.single2 .singleArea .cp-btn li,
.single .singleArea .cp-btn li {
  margin: 0 0 0;
  list-style: none !important;
  padding-left: 0;
  text-indent: 0;
}

.single2 .singleArea .cp-btn li::before,
.single .singleArea .cp-btn li::before {
  display: none;
}

.single2 .singleArea .cp-btn li a,
.single .singleArea .cp-btn li a {
  border: none;
}

.single2 .singleArea .cp-btn.cp-btn-02 li.btnBox,
.single .singleArea .cp-btn.cp-btn-02 li.btnBox {
  width: 48.80952380952381%;
}

.single2 .singleArea .cp-btn.cp-btn-03 li.btnBox,
.single .singleArea .cp-btn.cp-btn-03 li.btnBox {
  width: 31.666666666666664%;
}

.single2 .singleArea .cp-btn.cp-btn-04 li.btnBox,
.single .singleArea .cp-btn.cp-btn-04 li.btnBox {
  width: 23.214285714285715%;
}

.single2 .singleArea .navSide,
.single .singleArea .navSide {
  padding: 95px 0 0;
  width: 21.551724137931032%;
}

.single2 .singleArea .navSide .navLists,
.single .singleArea .navSide .navLists {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.single2 .singleArea .navSide .navLists a,
.single .singleArea .navSide .navLists a {
  -webkit-transition: all .3s;
  transition: all .3s;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 100%;
  white-space: normal;
  color: #333;
  line-height: 1.4;
  font-size: 1.4rem;
  padding: 16px 25px 15px 10px;
}

.single2 .singleArea .navSide .navLists .navList,
.single .singleArea .navSide .navLists .navList {
  width: 100%;
  position: relative;
}

.single2 .singleArea .navSide .navLists .navList .lv4-link.index4,
.single2 .singleArea .navSide .navLists .navList .lv3-link.index3,
.single .singleArea .navSide .navLists .navList .lv3-link.index3,
.single2 .singleArea .navSide .navLists .navList .lv2-link,
.single .singleArea .navSide .navLists .navList .lv2-link {
  display: none;
}

.single2 .singleArea .navSide .navLists .navList .navTtl,
.single .singleArea .navSide .navLists .navList .navTtl {
  padding: 0 0 33px;
}
@media only screen and (max-width: 959px) { 
  .single2 .singleArea .navSide .navLists .navList .navTtl,
  .single .singleArea .navSide .navLists .navList .navTtl {
    padding: 0;
  }
}

.single2 .singleArea .navSide .navLists .navList .navTtl a,
.single .singleArea .navSide .navLists .navList .navTtl a {
  padding: 0;
  display: inline-block;
  font-size: 1.6rem;
  position: relative;
}
@media screen and (min-width: 960px) {
  .single2 .singleArea .navSide .navLists .navList .navTtl a:hover,
  .single .singleArea .navSide .navLists .navList .navTtl a:hover {
    color: #999;
    background: none;
  }
}
@media only screen and (max-width: 959px) { 
  .single2 .singleArea .navSide .navLists .navList .navTtl a,
  .single .singleArea .navSide .navLists .navList .navTtl a {
    font-size: 1.4rem;
    padding: 17px 40px 17px 15px;
  }
}

.single2 .singleArea .navSide .navLists .navList a.current,
.single .singleArea .navSide .navLists .navList a.current {
  background: #1a4375 !important;
  color: #fff !important;
  -webkit-transition: 0s !important;
  transition: 0s !important;
}
@media only screen and (max-width: 959px) { 
  .single2 .singleArea .navSide .navLists .navList a.current,
  .single .singleArea .navSide .navLists .navList a.current {
    background: #fe9618 !important;
  }
}

.single2 .singleArea .navSide .navLists .navList:last-child,
.single .singleArea .navSide .navLists .navList:last-child {
  border-bottom: 0;
}

.single2 .singleArea .navSide .navLists .navList .triggerBox,
.single .singleArea .navSide .navLists .navList .triggerBox {
  position: absolute;
  bottom: 0;
  top: 0;
  right: 0;
}

.single2 .singleArea .navSide .navLists .navList .miniTrigger,
.single .singleArea .navSide .navLists .navList .miniTrigger {
  -webkit-transition: .2s;
  transition: .2s;
  cursor: pointer;
  width: 20px;
  height: 20px;
  margin: 14px 0 0 5px;
  background: #1a4375;
}

.single2 .singleArea .navSide .navLists .navList .miniTrigger span,
.single .singleArea .navSide .navLists .navList .miniTrigger span {
  display: inline-block;
  -webkit-transition: all .3s;
  transition: all .3s;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  top: 23px;
  left: 9px;
  right: 0;
  bottom: 0;
  width: 12px;
  height: 2px;
  background: #fff;
}

.single2 .singleArea .navSide .navLists .navList .miniTrigger span:nth-of-type(1),
.single .singleArea .navSide .navLists .navList .miniTrigger span:nth-of-type(1) {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}

.single2 .singleArea .navSide .navLists .navList .miniTrigger span:nth-of-type(2),
.single .singleArea .navSide .navLists .navList .miniTrigger span:nth-of-type(2) {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.single2 .singleArea .navSide .navLists .navList .miniTrigger.open span:nth-of-type(1),
.single .singleArea .navSide .navLists .navList .miniTrigger.open span:nth-of-type(1) {
  display: none;
}

.single2 .singleArea .navSide .navLists .navList .miniTrigger.open span:nth-of-type(2),
.single .singleArea .navSide .navLists .navList .miniTrigger.open span:nth-of-type(2) {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.single2 .singleArea .navSide .navLists .navList .lv3-folder,
.single2 .singleArea .navSide .navLists .navList .lv4-folder,
.single2 .singleArea .navSide .navLists .navList .lv5-folder,
.single2 .singleArea .navSide .navLists .navList .hiddenBox,
.single .singleArea .navSide .navLists .navList .lv3-folder,
.single .singleArea .navSide .navLists .navList .lv4-folder,
.single .singleArea .navSide .navLists .navList .lv5-folder,
.single .singleArea .navSide .navLists .navList .hiddenBox {
  display: none;
  border-top: 1px solid #ddd;
}
@media only screen and (max-width: 959px) {
  .single2 .singleArea .navSide .navLists .navList .lv3-folder,
  .single2 .singleArea .navSide .navLists .navList .lv4-folder,
  .single2 .singleArea .navSide .navLists .navList .lv5-folder,
  .single2 .singleArea .navSide .navLists .navList .hiddenBox,
  .single .singleArea .navSide .navLists .navList .lv3-folder,
  .single .singleArea .navSide .navLists .navList .lv4-folder,
  .single .singleArea .navSide .navLists .navList .lv5-folder,
  .single .singleArea .navSide .navLists .navList .hiddenBox {
    border-top: none;
  }
}



.single2 .singleArea .navSide .navLists .navList .lv4-link,
.single .singleArea .navSide .navLists .navList .lv4-link {
  padding-left: 24px;
}

.single2 .singleArea .navSide .navLists .navList .lv5-link,
.single .singleArea .navSide .navLists .navList .lv5-link {
  padding-left: 39px;
}

.single2 .singleArea .navSide .navLists .navList .lv6-link,
.single .singleArea .navSide .navLists .navList .lv6-link {
  padding-left: 54px;
}

.single2 .singleArea .navSide .navLists .navList .hiddenBox.tops,
.single .singleArea .navSide .navLists .navList .hiddenBox.tops {
  display: block;
}

/* 学部用スタイル */
.single2 .singleArea .navSide .navLists .faculty .lv3-folder {
  border: 0;
}

.single2 .singleArea .navSide .navLists .faculty .lv4-folder {
  padding: 10px 0;
  border-bottom: 1px solid #ddd;
}
@media only screen and (max-width: 959px) {
  .single2 .singleArea .navSide .navLists .faculty .lv4-folder {
    padding: 0;
    border-bottom: none;
  }
}

.single2 .singleArea .navSide .navLists .faculty .lv4-link,
.single2 .singleArea .navSide .navLists .faculty .lv5-link {
  padding-left: 10px;
}

.single2 .singleArea .navSide .navLists .navList .lv5-folder {
  padding: 10px 0 0 14px;
}
@media only screen and (max-width: 959px) {
  .single2 .singleArea .navSide .navLists .navList .lv5-folder {
    padding: 0;
  }
  .single2 .singleArea .navSide .navLists .navList .lv6-item {
    border-top: 1px solid #122f52;
  }  
}

.single2 .singleArea .navSide .navLists .faculty a.lv6-link,
.single2 .singleArea .navSide .navLists .faculty a.lv5-link {
  padding: 5px 10px 6px;
}
@media only screen and (max-width: 959px) {
  .single2 .singleArea .navSide .navLists .faculty a.lv5-link {
    padding: 17px 40px 17px 28px;
  }
  .single2 .singleArea .navSide .navLists .faculty a.lv6-link {
    padding: 17px 40px 17px 42px;
  }
}

@media only screen and (max-width: 959px) {
  .single2 .singleArea .navSide .navLists .faculty a.lv6-link.current,
  .single2 .singleArea .navSide .navLists .faculty a.lv5-link.current {
    background: #fe9618 !important;
    color: #fff !important;
  }
}

/* single2で右ナビのトリガーの位置を調整 */
.single2 .singleArea .navSide .navLists .faculty a.lv5-link + .triggerBox {
  top: -9px;
}
@media only screen and (max-width: 959px) {
  .single2 .singleArea .navSide .navLists .faculty a.lv5-link + .triggerBox {
    top: 0;
  }
}



/* ==========================================================================

959pxまでのスタイル

========================================================================== */
@media only screen and (max-width: 959px) {
  .btnBox a {
    font-size: 1.6rem;
  }
  body {
    font-size: 100%;
  }
  #responsibleCheck {
    width: 2px;
  }
  .pcOnly {
    display: none;
  }
  .spOnly {
    display: block;
  }
  .normalTtl {
    font-size: 2.4rem;
    padding: 16px 0 25px;
  }
  .normalTtl::before {
    width: 20px;
  }
  .normalTxt {
    font-size: 1.6rem;
    line-height: 1.7;
  }
  .continer {
    margin-left: 0;
  }
  .mainArea .inner {
    padding: 40px 15px 40px;
    min-height: 300px;
      font-size: 1.6rem;
    line-height: 1.7;
  }
  .indexArea .inner {
    font-size: 1.6rem;
    line-height: 1.7;
    padding: 40px 15px 0;
  }
  .permanentBlock {
    font-size: 1.6rem;
    line-height: 1.7;
  }
  .emergencyInfo .inner {
    padding: 20px 15px;
  }
  .emergencyInfo .ttl {
    font-size: 1.8rem;
  }
  .emergencyInfo .txt {
    text-align: left;
    font-size: 1.4rem;
    line-height: 1.4;
  }
  .leftMenu {
    display: none;
  }
  .accoTrigger {
    width: 25px;
    height: 25px;
  }
  .accoTrigger span {
    width: 11px;
    height: 2px;
  }
  section.featureArea .inner {
    padding: 0 15px;
    margin-bottom: -25px;
  }
  .fourList .boxTap {
    width: 100%;
  }
  .fourList .boxTap a {
    display: block;
  }
  .fourList .boxTap a .textInner {
    height: auto !important;
    width: auto;
    padding: 25px 15px 15px;
  }
  .fourList .boxTap a .textInner .subTypeTtl {
    font-size: 2.2rem;
    padding: 0 0 15px;
  }
  .fourList .boxTap a .textInner p {
    font-size: 1.6rem;
    line-height: 1.4;
  }
  .fourList .boxTap:nth-child(even) a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .fourList .boxTap:nth-child(even) a .imgBox {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
  }
  .fourList .boxTap:nth-child(even) a .textInner {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    width: 100%;
  }
  .underBnrArea .inner {
    padding: 6.569343065693431% 15px;
  }
  .underBnrArea .inner .linkBnrList {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .underBnrArea .inner .linkBnrList .linkBnr:nth-child(4n) {
    margin-right: 0;
  }
  .underBnrArea .inner .linkBnrList .linkBnr {
    width: 48.5%;
    margin: 0 0 5px;
  }
  .underBnrArea.index .inner {
    padding: 6.569343065693431% 15px;
  }
  .underBnrArea.index .inner .linkBnrList .linkBnr:nth-child(5n) {
    margin-right: 0;
  }
  .underBnrArea.index .inner .linkBnrList .linkBnr {
    width: 48.5%;
    margin: 0 0 5px;
  }
  .underBnrArea .inner .linkBnrList .linkBnr.linkTxt a {
    height: 100%;
  }
  .underBnrArea .inner .linkBnrList .linkBnr.linkTxt a.nonImg {
    height: 55px;
  }
  .breads li {
    font-size: 1rem;
  }
  .titleWrap {
    height: 180px;
    overflow: hidden;
  }
  .undergraduateIndex .titleWrap {
    height: 180px;
  }
  .titleWrap.singleBox {
    display: none;
  }
  .titleWrap::before {
    top: 0 !important;
    height: 100% !important;
    background-position: center center;
  }

  .titleWrap .breads {
    display: none;
  }
  .titleWrap .titleInner {
    padding: 12px 15px;
  }
  .titleWrap .title .ja {
    font-size: 2.6rem;
    margin: 46px 0 1px;
  }
  .titleWrap .title .en {
    font-size: 1.6rem;
  }
  .header .inner {
    padding: 13px 15px 14px;
  }
  .header .inner .logo {
    /* max-width: 133px; */
    max-width: 160px; 
    float: none;
  }
  .header .inner .logo a {
    padding-top: 17px;
  }
  .header .inner #gNav {
    display: none;
  }
  .mainMenu {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  .mainMenu a {
    top: -8px;
    left: 15px;
    bottom: 0;
  }
  .mainMenu a p {
    font-size: .9rem;
  }
  .mainMenu a span {
    top: 50%;
  }
  #drawer {
    width: 100%;
  }
  #drawer #drawerInner {
    padding-right: 0;
    overflow-x: hidden;
  }
  #drawer #drawerInner .drawerHd {
    display: block;
  }
  #drawer #drawerInner .drawerContents {
    padding: 0 0 60px;
  }
  #drawer #drawerInner .underNav {
    width: 100%;
    height: 60px;
  }
  #drawer #drawerInner .underNav li {
    width: 24.71%;
  }
  #drawer #drawerInner .underNav li:nth-child(1),
  #drawer #drawerInner .underNav li:nth-child(2),
  #drawer #drawerInner .underNav li:nth-child(3) {
    display: none;
  }
  #overlay {
    display: none;
  }
  .footer .inner {
    padding: 22px 15px 35px;
    margin-bottom: 60px;
    border-bottom: 1px solid #122f52;
    font-size: 1.3rem;
  }
  .footer .inner .bnr {
    max-width: 160px;
    margin: 0 0 16px;
  }
  .footer .inner .mainLinkList {
    margin: 10px 0 2px;
  }
  .footer .inner .mainLinkList li:last-child {
    margin: 0 11px 10px 0;
  }
  .footer .inner .mainLinkList li:last-child::after {
    display: none;
  }
  .footer .inner .mainLinkList li {
    margin: 0 11px 10px 0;
    padding: 0 11px 0 0;
  }
  .footer .inner .copy {
    line-height: 1.2;
  }
  .backToTop {
    right: 15px;
    bottom: 75px;
  }
  .footNav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: fixed;
    z-index: 19;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 60px;
    background: #1a4375;
  }
  .top section.mainVisualArea {
    height: auto;
  }

  /* 曲線 */
  .top section.mainVisualArea .sliderContainer .topMainVisualSlider .bg.curve::after {
    display: none;
  }

  .top section.mainVisualArea .sliderContainer .topMainEx {
    width: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    top: inherit;
  }
  .top section.mainVisualArea .sliderContainer .topMainEx .standard {
    padding: 3% 15px 7% 15px;
  }

  .top section.mainVisualArea .sliderContainer .topMainEx .standard.modern {
    background: rgba(0, 0, 0, .6);
    padding-left: 15px;
    color: #fff;
  }

  .top section.mainVisualArea .sliderContainer .topMainEx .slick-dots {
    left: 0;
    right: 0;
    bottom: 3px;
    top: inherit;
    margin: 0 auto;
  }
  .top section.mainVisualArea .sliderContainer .topMainEx .slick-dots li {
    height: 14px;
    width: 14px;
    margin: 0 6px 0 0;
  }
  .top section.mainVisualArea .sliderContainer .topMainEx .slick-dots li.slick-active {
    background: #fe9618;
  }
  
  .top section.mainVisualArea .sliderContainer .topMainEx .slick-dots li button {
    height: 14px;
    width: 14px;
  }

  .top section.mainVisualArea .sliderContainer .topMainEx .mainTtl {
    font-size: 3.225926vw;
    margin-bottom: 0;
    letter-spacing: normal;
    line-height: 1.6;
  }
  .top section.mainVisualArea .sliderContainer .topMainEx .btnBox {
    display: none;
  }
  .top section.mainVisualArea .sliderContainer .topMainEx .btnBox a {
    font-size: 1.4rem;
    padding: 4px 11px;
  }

  .top section.mainVisualArea .sliderContainer .topMainVisualSlider .bg {
    padding-top: 3.938%;
  }
  .top section.mainVisualArea .tabMainBox {
    display: none;
  }
  .top .spOnlyLinkBox {
    display: block;
  }
  .top .multipleItem {
    margin: 5px 0;
  }
  .top .multipleItem .slick-prev, .top .multipleItem .slick-next {
    height: 30px;
    width: 30px;
  }
  .top .multipleItem .slick-prev {
    left: 0;
  }
  .top .multipleItem .slick-prev::before {
    width: 5px;
    height: 10px;
    background-size: 5px 10px;
  }
  .top .multipleItem .slick-next {
    right: 0;
  }
  .top .multipleItem .slick-next::before {
    width: 5px;
    height: 10px;
    background-size: 5px 10px;
  }
  .top section.pressRoomArea .inner {
    display: block;
    padding: 0 15px;
  }
  .top section.pressRoomArea .inner .mainContents {
    width: 100%;
    padding: 36px 0 60px;
  }
  .top section.pressRoomArea .inner .mainContents .mainContentsInner {
    width: 100%;
  }
  .top section.pressRoomArea .inner .mainContents .mainContentsInner .ttl {
    font-size: 2.4rem;
    padding: 16px 0 0;
    margin-bottom: 0;
  }
  .top section.pressRoomArea .inner .mainContents .mainContentsInner .ttl::before {
    width: 20px;
  }
  .top section.pressRoomArea .inner .mainContents .mainContentsInner .ttl a {
    padding-right: 44px;
  }
  .top section.pressRoomArea .inner .mainContents .mainContentsInner .ttl a::before {
    right: 11px;
    width: 4px;
    height: 7px;
    background-size: 4px 7px;
    background: url(/albums/css/basic-common/abm00000025.svg) no-repeat center center;
  }
  .top section.pressRoomArea .inner .mainContents .mainContentsInner .ttl a::after {
    width: 25px;
    height: 25px;
    background-size: 25px 25px;
  }
  .top section.pressRoomArea .inner .mainContents .mainContentsInner .accoTrigger {
    top: 16px;
    display: block;
  }
  .top section.pressRoomArea .inner .mainContents .mainContentsInner .commonHide {
    margin-top: 28px;
  }
  .top section.pressRoomArea .inner .mainContents .mainContentsInner h4 {
    font-size: 1.8rem;
  }
  .top section.pressRoomArea .inner .mainContents .mainContentsInner h4.bottoms {
    margin-top: 60px;
  }
  .top section.pressRoomArea .inner .mainContents .mainContentsInner .btnBox {
    max-width: 184px;
    margin: 35px auto 0;
    text-align: center;
  }
  .top section.pressRoomArea .inner .mainContents .mainContentsInner .btnBox::after {
    display: none;
  }
  .top section.pressRoomArea .inner .mainContents .mainContentsInner .ex {
    margin: 0 0 17px;
  }
  .top section.pressRoomArea .inner .mainContents .mainContentsInner .ex .imgArea {
    width: 31.11%;
  }
  .top section.pressRoomArea .inner .mainContents .mainContentsInner .ex .txtArea {
    width: 65.777778%;
    padding-left: 0;
    margin-left: auto;
  }
  .top section.pressRoomArea .inner .mainContents .mainContentsInner .ex .txtArea .mainTxt {
    margin: 0;
    font-size: 1.5rem;
    line-height: 1.5;
    letter-spacing: -.01em;
  }
  .top section.pressRoomArea .inner .mainContents .mainContentsInner .ex .txtArea .exTxt {
    line-height: 1.4;
    padding: 10px 0 7px;
  }
  .top section.pressRoomArea .inner .rightContents {
    width: 100%;
    z-index: 10;
    position: relative;
    padding: 29px 0 23px;
  }
  .top section.pressRoomArea .inner .rightContents::before {
    content: '';
    position: absolute;
    top: 0;
    left: -50vw;
    top: 0;
    z-index: -1;
    display: block;
    width: 200vw;
    height: 100%;
    background: #1a4375;
  }
  .top section.pressRoomArea .inner .rightContents .rightContentsInner {
    width: 100%;
    margin: 0;
  }
  .top section.pressRoomArea .inner .rightContents .rightContentsInner .ttl {
    font-size: 2rem;
    padding: 18px 0 0;
  }

  .top section.pressRoomArea .inner .rightContents .rightContentsInner .keyFactsSlider {
    opacity: 0;
    transition: opacity .3s linear;
    margin: 0 0 25px;
  }
  .top section.pressRoomArea .inner .rightContents .rightContentsInner .keyFactsSlider.slick-initialized {
    opacity: 1;
  }
  .top section.pressRoomArea .inner .rightContents .rightContentsInner .keyFactsSlider .slick-prev,
  .top section.pressRoomArea .inner .rightContents .rightContentsInner .keyFactsSlider .slick-next {
    z-index: 9;
    position: absolute;
    display: block;
    height: 10px;
    width: 20px;
    background: inherit;
    color: #fff;
    cursor: pointer;
    top: 62%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
  .top section.pressRoomArea .inner .rightContents .rightContentsInner .keyFactsSlider .slick-prev::before,
  .top section.pressRoomArea .inner .rightContents .rightContentsInner .keyFactsSlider .slick-next::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 100;
  }
  .top section.pressRoomArea .inner .rightContents .rightContentsInner .keyFactsSlider .slick-prev {
    left: -2px;
  }
  .top section.pressRoomArea .inner .rightContents .rightContentsInner .keyFactsSlider .slick-prev::before {
    width: 10px;
    height: 20px;
    background-size: 10px 20px;
    background: url(/albums/css/basic-common/abm00000030.svg) no-repeat center center;
  }
  .top section.pressRoomArea .inner .rightContents .rightContentsInner .keyFactsSlider .slick-next {
    right: -2px;
  }
  .top section.pressRoomArea .inner .rightContents .rightContentsInner .keyFactsSlider .slick-next::before {
    width: 10px;
    height: 20px;
    background-size: 10px 20px;
    background: url(/albums/css/basic-common/abm00000029.svg) no-repeat center center;
  }
  .top section.pressRoomArea .inner .rightContents .rightContentsInner .keyFactsSlider>div {
    text-align: center;
  }
  .top section.pressRoomArea .inner .rightContents .rightContentsInner .keyFactsSlider>div .innerBox {
    display: block;
    width: 100%;
    margin: 30px 0 5px;
    padding: 0;
  }
  .top section.pressRoomArea .inner .rightContents .rightContentsInner .keyFactsSlider>div .innerBox h4 {
    display: block;
    padding: 48px 0 0;
    line-height: 1;
    width: 100%;
  }
  .top section.pressRoomArea .inner .rightContents .rightContentsInner .keyFactsSlider>div .innerBox h4 span {
    position: static;
    margin: 0 auto;
    padding-left: 0;
    text-align: center;
  }
  .top section.pressRoomArea .inner .rightContents .rightContentsInner .keyFactsSlider>div .innerBox .exTxt {
    display: block;
    width: 100%;
  }
  .top section.pressRoomArea .inner .rightContents .rightContentsInner .keyFactsSlider>div .innerBox .exTxt p {
    margin: 25px 0 0;
    font-size: 1.4rem;
  }
  .top section.pressRoomArea .inner .rightContents .rightContentsInner .keyFactsSlider>div .innerBox .exTxt p span {
    font-size: 5.4rem;
    margin-right: 15px;
  }
  .top section.pressRoomArea .inner .rightContents .rightContentsInner .keyFactsSlider>div .innerBox .exTxt p span.no1 {
    margin-right: 15px;
  }
  .top section.pressRoomArea .inner .rightContents .rightContentsInner .keyFactsSlider>div .innerBox .exTxt p span.no2 {
    margin-left: 15px;
    margin-right: 15px;
  }
  .top section.pressRoomArea .inner .rightContents .rightContentsInner .keyFactsSlider>div .innerBox::after {
    width: 200px;
    margin: 0 auto;
    top: 54%;
  }
  .top section.pressRoomArea .inner .rightContents .rightContentsInner .keyFactsSlider>div .innerBox::before {
    margin: 0 auto;
  }
  .top section.pressRoomArea .inner .rightContents .rightContentsInner .keyFactsSlider>div .innerBox.keyFacts01::before {
    top: 0;
    width: 43px;
    height: 39px;
  }
  .top section.pressRoomArea .inner .rightContents .rightContentsInner .keyFactsSlider>div .innerBox.keyFacts02::before {
    top: 7px;
    width: 55px;
    height: 32px;
  }
  .top section.pressRoomArea .inner .rightContents .rightContentsInner .keyFactsSlider>div .innerBox.keyFacts03::before {
    top: 0;
    width: 52px;
    height: 40px;
  }
  .top section.pressRoomArea .inner .rightContents .rightContentsInner .keyFactsSlider>div .innerBox.keyFacts04::before {
    top: 0;
    width: 29px;
    height: 43px;
  }
  .top section.pressRoomArea .inner .rightContents .rightContentsInner .keyFactsSlider>div .innerBox.keyFacts05::before {
    top: 0;
    width: 45px;
    height: 41px;
  }
  .top section.pressRoomArea .inner .rightContents .rightContentsInner .keyFactsSlider>div .innerBox.keyFacts06::before {
    top: 0;
    width: 44px;
    height: 41px;
  }
  .top section.pressRoomArea .inner .rightContents .btnBox {
    text-align: center;
    max-width: 184px;
    margin: 0 auto;
  }
  .top section.pressRoomArea .inner .rightContents .btnBox a {
    color: #1a4375;
    background: #fff;
    font-size: 1.6rem;
  }
  .top section.pressRoomArea .inner .rightContents .btnBox::after {
    display: none;
  }
  .topicArea .inner {
    padding: 39px 15px 0;
  }
  .topicArea .inner.events {
    padding: 41px 15px;
  }
  .topicArea .inner.events .accoTrigger {
    top: 56px;
  }
  .topicArea .btnBox {
    width: auto;
    position: static;
    max-width: 184px;
    margin: 20px auto 0;
    text-align: center;
  }
  .topicArea .btnBox a {
    padding: 11px 20px;
    font-size: 1.6rem;
  }
  .topicArea .btnBox::after {
    display: none;
  }
  .topicArea .inner .accoTrigger {
    top: 56px;
    right: 15px;
  }
  .topicArea .inner .newsLists {
    display: block;
  }
  .topicArea .inner .newsLists .list {
    width: 100%;
    margin-right: 0;
    border-top: 1px solid #ddd;
  }
  .topicArea .inner .newsLists .list a {
    padding: 12px 0;
  }
  .topicArea .inner .newsLists .list a .toicTtl {
    line-height: 1.5;
    min-height: inherit;
    height: auto !important;
  }
  .topicArea .inner .newsLists .list a .type {
    padding: 10px 0 6px;
  }
  .topicArea .inner .permanentNewsTtl {
    font-size: 1.7rem;
    padding: 25px 0 14px;
  }
  .topicArea .inner .eventsLists {
    display: block;
  }
  .topicArea .inner .eventsLists .list {
    width: 100%;
    margin-right: 0;
  }
  .topicArea .inner .eventsLists .list:last-of-type {
    border-bottom: 1px solid #ddd;
  }
  .topicArea .inner .eventsLists .list a {
    padding: 5px 0 5px;
  }
  .topicArea .inner .eventsLists .list a .main .time span.tops {
    margin: 0 0 5px;
  }
  .topicArea .inner .eventsLists .list a .main .ex {
    display: block;
    margin: 5px 0 0 10px;
  }

  .topicArea .inner .eventsLists .list a .under {
    margin-top: 0;
    margin-left: auto;
    width: calc(100% - 58px);
  }
  .topicArea .inner .eventsLists .list a .toicTtl {
    font-size: 1.5rem;
    line-height: 1.3;
    min-height: inherit;
    height: auto !important;
  }

  .top .admissionArea {
    padding: 49px 0 0;
  }
  .top .admissionArea .inner {
    padding: 0 15px;
  }
  .top .admissionArea .inner .btnArea {
    display: block;
    margin: 37px 0 34px;
  }
  .top .admissionArea .inner .btnArea .btnBox {
    width: 100%;
    margin-bottom: 10px;
  }
  .top .admissionArea .inner .btnArea .btnBox a {
    font-size: 1.6rem;
    padding: 12px 13px;
  }
  .top .admissionArea .inner .btnArea .btnBox::after {
    right: 14px;
  }
  .top .admissionArea .admissionBox {
    height: auto;
  }
  .top .admissionArea .admissionBox .admissionSlider {
    width: 100%;
  }
  .top .admissionArea .admissionBox .admissionSlider .bg {
    padding-top: 6.81%;
  }
  .top .admissionArea .admissionBox .admissionEx {
    position: static;
    width: 100%;
    height: auto;
  }
  .top .admissionArea .admissionBox .admissionEx .ex {
    height: auto;
    display: block;
    margin: 0;
  }
  .top .admissionArea .admissionBox .admissionEx .ex .exInner {
    margin: 0;
    padding: 23px 15px 0;
    background: none;
  }
  .top .admissionArea .admissionBox .admissionEx .ex .readTxt {
    font-size: 1.4rem;
    letter-spacing: normal;
  }
  .top .admissionArea .admissionBox .admissionEx .ex .sttl {
    font-size: 2.2rem;
    margin: 10px 0;
  }
  .top .admissionArea .admissionBox .admissionEx .ex .exTxt {
    font-size: 1.6rem;
    line-height: 1.4;
  }
  .top .admissionArea .admissionBox .admissionEx .slick-dots {
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
  }
  .top .admissionArea .admissionBox .admissionEx .slick-dots li {
    height: 14px;
    width: 14px;
    margin: 0 6px 0 0;
  }
  .top .admissionArea .admissionBox .admissionEx .slick-dots li.slick-active {
    background: #fe9618;
  }
  .index .linkLists {
    display: block;
  }
  .index .linkLists .lv3-item {
    width: 100%;
    margin: 0;
  }
  .index .linkLists .lv3-item:last-of-type .subLists {
    padding-bottom: 0;
  }
  .index .linkLists .lv3-item .ttl {
    font-size: 1.7rem;
    border-bottom: none;
  }
  .index .linkLists .lv3-item .ttl a {
    padding: 14px 0 14px 10px;
  }
  .index .linkLists .lv3-item .ttl a::after {
    width: 25px;
    height: 25px;
    background-size: 25px 25px;
    right: 20px;
  }
  .index .linkLists .lv3-item .lv3-folder {
    padding: 15px 0 20px 10px;
    border-top: 1px solid #ddd;
  }
  .index .linkLists .lv3-item .lv3-folder .lv4-item {
    font-size: 1.6rem;
  }
  .index .linkLists .lv3-item .lv3-folder .lv4-item .trigger {
    bottom: 0;
    top: 2px;
    right: 6px;
    left: inherit;
    width: 18px;
    height: 18px;
  }
  .index .linkLists .lv3-item .lv3-folder .lv4-item .trigger span {
    top: 0px;
    left: 0px;
    width: 9px;
    height: 2px;
    margin: auto;
  }
  .index .linkLists .lv3-item .lv3-folder .lv4-item .lv4-folder {
    min-height: inherit;
    padding: 6px 16px 0;
  }
  .single2 .singleArea,
  .single .singleArea {
    margin: 0;
    padding: 0;
  }
  .single2 .singleArea .oneColumnInner,
  .single .singleArea .oneColumnInner {
    min-height: 300px;
    padding: 25px 15px 47px;
    display: block;
    font-size: 1.6rem;
    line-height: 1.7;
  }

  .single2 .singleArea .twoColumnInner,
  .single .singleArea .twoColumnInner {
    min-height: 300px;
    padding: 0 0 47px;
    display: block;
  }
  .single2 .singleArea .articleContents,
  .single .singleArea .articleContents {
    width: 100%;
    padding: 40px 0 0;
  }
  .single2 .singleArea .articleContents .articleInner,
  .single .singleArea .articleContents .articleInner {
    padding: 0 15px;
    font-size: 1.6rem;
    line-height: 1.7;
  }
  [data-area="content"] .cp-h1-text {
    font-size: 2.4rem;
    padding: 12px 0 40px;
  }
  [data-area="content"] .cp-h1-text::before {
    width: 20px;
  }
  [data-area="content"] .cp-h2-text {
    font-size: 1.9rem;
    padding: 18px 0;
    margin: 35px 0 20px;
    line-height: 1.4;
  }
  [data-area="content"] .cp-h2-text::before {
    width: 20px;
  }
  [data-area="content"] .cp-h3-text {
    font-size: 1.7rem;
    padding: 17px 0;
    line-height: 1.4;
    margin: 50px 0 25px;
  }
  [data-area="content"] .cp-h3-text::before {
    width: 20px;
  }
  [data-area="content"] .cp-h4-text {
    font-size: 1.6rem;
    padding: 17px 0 0;
    line-height: 1.4;
    margin: 30px 0 15px;
  }
  [data-area="content"] .cp-h4-text::before {
    width: 20px;
  }
  [data-area="content"] .cp-h5-text {
    font-size: 1.5rem;
    line-height: 1.4;
    margin: 15px 0 10px;
  }
  .lead1 {
    font-size: 1.8rem;
    line-height: 1.4;
  }
  .lead2 {
    font-size: 1.7rem;
    line-height: 1.4;
  }
  /*
  .single2 .singleArea .cp-img.cp-img-col1,
  .single2 .singleArea .cp-img.cp-img-col2,
  .single2 .singleArea .cp-img.cp-img-col3,
  .single .singleArea .cp-img.cp-img-col1,
  .single .singleArea .cp-img.cp-img-col2,
  .single .singleArea .cp-img.cp-img-col3 {
    margin-left: -15px;
    margin-right: -15px;
  }
  */
  .single2 .singleArea .cp-btn ul,
  .single .singleArea .cp-btn ul {
    margin-top: 0;
  }
  .single2 .singleArea .cp-btn ul li.btnBox,
  .single .singleArea .cp-btn ul li.btnBox {
    margin-top: 10px;
  }
  .single2 .singleArea .cp-btn ul li.btnBox::after,
  .single .singleArea .cp-btn ul li.btnBox::after {
    right: 10px;
  }
  .single2 .singleArea .cp-btn ul,
  .single .singleArea .cp-btn ul {
    display: block;
  }
  .single2 .singleArea .cp-btn.cp-btn-02 li.btnBox,
  .single .singleArea .cp-btn.cp-btn-02 li.btnBox {
    width: 100%;
  }
  .single2 .singleArea .cp-btn.cp-btn-03 li.btnBox,
  .single .singleArea .cp-btn.cp-btn-03 li.btnBox {
    width: 100%;
  }
  .single2 .singleArea .cp-btn.cp-btn-04 li.btnBox,
  .single .singleArea .cp-btn.cp-btn-04 li.btnBox {
    width: 100%;
  }
  .single2 .singleArea .navSide,
  .single .singleArea .navSide {
    padding: 0;
    width: 100%;
  }
  .single2 .singleArea .navSide .navLists,
  .single .singleArea .navSide .navLists {
    border-bottom: 1px solid #122f52;
  }
  .single2 .singleArea .navSide .navLists a,
  .single .singleArea .navSide .navLists a {
    color: #fff;
    padding: 17px 40px 17px 15px;
    font-size: 1.4rem;
    line-height: 1.4;
  }

  .single2 .singleArea .navSide .navLists .navList,
  .single .singleArea .navSide .navLists .navList {
    background: #1a4375;
    /*border-bottom: 1px solid #122f52;*/
  }
  .single2 .singleArea .navSide .navLists .navList .navTtl,
  .single .singleArea .navSide .navLists .navList .navTtl {
    color: #fff;
    font-size: 1.4rem;
    line-height: 1.4;
    padding: 0;
  }
  .single2 .singleArea .navSide .navLists .navList .triggerBox,
  .single .singleArea .navSide .navLists .navList .triggerBox {
    height: 54px;
  }
  .single2 .singleArea .navSide .navLists .navList .miniTrigger,
  .single .singleArea .navSide .navLists .navList .miniTrigger {
    margin: 17px 15px 0 15px;
    background: #fff;
  }
  .single2 .singleArea .navSide .navLists .navList .miniTrigger span,
  .single .singleArea .navSide .navLists .navList .miniTrigger span {
    top: 0;
    left: 0;
    width: 15px;
    height: 2px;
    margin: auto;
    background: #1a4375;
  }

  .single2 .singleArea .navSide .navLists .navList .lv3-folder,
  .single2 .singleArea .navSide .navLists .navList .lv4-folder,
  .single2 .singleArea .navSide .navLists .navList .hiddenBox,
  .single .singleArea .navSide .navLists .navList .lv3-folder,
  .single .singleArea .navSide .navLists .navList .lv4-folder,
  .single .singleArea .navSide .navLists .navList .hiddenBox {
    border-top: none;
  }
  .single2 .singleArea .navSide .navLists .navList .hiddenBox.tops,
  .single .singleArea .navSide .navLists .navList .hiddenBox.tops {
    display: none;
    border-top: none;
  }

  .single2 .singleArea .navSide .navLists .navList .lv3-link,
  .single .singleArea .navSide .navLists .navList .lv3-link {
    border-top: 1px solid #122f52;
  }

  .single2 .singleArea .navSide .navLists .navList .lv4-link,
  .single .singleArea .navSide .navLists .navList .lv4-link {
    padding-left: 28px;
    border-top: 1px solid #122f52;
  }

  .single2 .singleArea .navSide .navLists .navList .lv5-link,
  .single .singleArea .navSide .navLists .navList .lv5-link {
    padding-left: 42px;
    border-top: 1px solid #122f52;
  }
}


/* ==========================================================================

960px以上のスタイル（HOVER）

========================================================================== */
@media screen and (min-width: 960px) {
  .normal.btnBox:not(.noHover) a:hover {
    color: #fff;
    opacity: 1;
    background: #fe9618;
    -webkit-box-shadow: 0 0 0 1px #fe9618 inset;
    box-shadow: 0 0 0 1px #fe9618 inset;
  }
  .normal.btnBox:not(.noHover):hover::after {
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    background: url(/albums/css/basic-common/abm00000029.svg) no-repeat center center;
  }
  .white.btnBox:not(.noHover) a:hover {
    color: #fff;
    opacity: 1;
    background: #fe9618;
    -webkit-box-shadow: 0 0 0 1px #fe9618 inset;
    box-shadow: 0 0 0 1px #fe9618 inset;
  }
  .icnBtnBox a:not(.noHover):hover::before {
    background: #859AD1;
    border: 1px solid #859AD1;
  }


  .leftMenu ul li a:not(.noHover):hover.contact::after {
    width: 20px;
    height: 20px;
    background: url(/albums/css/basic-common/abm00000049.svg) no-repeat center center;
    background-size: 20px 20px;
  }
  .leftMenu ul li a:not(.noHover):hover.access::after {
    width: 16px;
    height: 20px;
    background: url(/albums/css/basic-common/abm00000046.svg) no-repeat center center;
    background-size: 16px 20px;
  }
  .leftMenu ul li a:not(.noHover):hover.request::after {
    width: 20px;
    height: 22px;
    background: url(/albums/css/basic-common/abm00000044.svg) no-repeat center center;
    background-size: 20px 22px;
  }
  .leftMenu ul li a.pressRoom:not(.noHover):hover::before {
    border: 1px solid #ddd;
    background: #fff;
  }
  .leftMenu ul li a.pressRoom:not(.noHover):hover::after {
    width: 24px;
    height: 22px;
    background: url(/albums/css/basic-common/abm00000040.svg) no-repeat center center;
    background-size: 24px 22px;
  }
  .leftMenu ul li a.library:not(.noHover):hover::before {
    border: 1px solid #ddd;
    background: #fff;
  }
  .leftMenu ul li a.library:not(.noHover):hover::after {
    width: 19px;
    height: 23px;
    background: url(/albums/css/basic-common/abm00000036.svg) no-repeat center center;
    background-size: 19px 23px;
  }
  .leftMenu ul li a.donation:not(.noHover):hover::before {
    border: 1px solid #ddd;
    background: #fff;
  }
  .leftMenu ul li a.donation:not(.noHover):hover::after {
    width: 23px;
    height: 21px;
    background: url(/albums/css/basic-common/abm00000050.svg) no-repeat center center;
    background-size: 23px 21px;
  }


  .accoTrigger:not(.noHover):hover {
    -webkit-transition: .2s;
    transition: .2s;
    background: #859AD1;
  }
  .fourList .boxTap a:not(.noHover):hover {
    color: #999;
  }
  .fourList .boxTap a:not(.noHover):hover .imgBox img {
    -webkit-transform: scale(1.25);
    transform: scale(1.25);
  }
  .underBnrArea .inner .linkBnrList .linkBnr:not(.noHover):hover {
    opacity: .7;
  }
  .breads li a:not(.noHover):hover {
    color: #999;
  }

  .header .inner #gNav>ul>li>a:not(.noHover):hover::after {
    top: 54px;
    opacity: 1;
    visibility: visible;
  }
  .header .inner #gNav>ul>li>a:not(.noHover):hover::before {
    opacity: 1;
    visibility: visible;
  }
  .header .inner #gNav>ul>li>a.current::after {
    top: 54px;
    opacity: 1;
    visibility: visible;
  }
  .header .inner #gNav>ul>li:not(.noHover):hover>a::after {
    top: 54px;
    opacity: 1;
    visibility: visible;
  }
  .header .inner #gNav>ul>li:not(.noHover):hover>a::before {
    opacity: 1;
    visibility: visible;
  }
  .header .inner #gNav>ul>li:not(.noHover):hover .menu, .header .inner #gNav>ul>li:not(.noHover):hover .menuList {
    max-height: 9999px;
    opacity: 1;
  }
  .header .inner #gNav>ul .menu .menuInner .lv3-item a:not(.noHover):hover,
  .header .inner #gNav>ul .menu .menuInner .lv4-item a:not(.noHover):hover {
    opacity: .6;
  }
  .header .inner #gNav>ul .menuList .naviBox .lv3-item a:not(.noHover):hover {
    opacity: .6;
  }
  .header .inner #gNav .rightBtn #searchBtn a.insectEye:not(.noHover):hover.insectEye::after {
    width: 20px;
    height: 20px;
    background: url(/albums/css/basic-common/abm00000033.svg) no-repeat center center;
    background-size: 20px 20px;
  }
  .header .inner #gNav .rightBtn #searchBtn a.insectEye.active:not(.noHover).active:hover::after {
    width: 16px;
    height: 16px;
    background: url(/albums/css/basic-common/abm00000047.svg) center center no-repeat;
    background-size: 16px 16px;
  }
  .header .inner #gNav .rightBtn .lang:not(.noHover):hover.lang::after {
    width: 20px;
    height: 20px;
    background: url(/albums/css/basic-common/abm00000035.svg) no-repeat center center;
    background-size: 20px 20px;
  }
  .searchArea .inputBox .submitBtn:not(.noHover):hover {
    background: #fe9618 url(/albums/css/basic-common/abm00000033.svg) center center no-repeat;
    background-size: 20px 20px;
  }
  .mainMenu:not(.noHover):hover {
    background: #1a4375;
  }
  .mainMenu:not(.noHover):hover p {
    color: #fff;
  }
  .mainMenu:not(.noHover):hover span {
    background: #fff;
  }
  .mainMenu:not(.noHover):hover span::before, .mainMenu:not(.noHover):hover span::after {
    background: #fff;
  }
  #drawer #drawerInner .drawerContents .searchSpArea .inputBox .submitBtn:not(.noHover):hover {
    background: #fe9618 url(/albums/css/basic-common/abm00000033.svg) center center no-repeat;
    background-size: 15px 15px;
  }
  #drawer #drawerInner .drawerContents .linkTop ul li a:not(.noHover):hover {
    background: #fe9618;
  }
  #drawer #drawerInner .drawerContents .categoryLists a:not(.noHover):hover {
    background: #fe9618;
  }
  #drawer #drawerInner .drawerContents .categoryLists .categoryList .miniTrigger:not(.noHover):hover {
    background: #859AD1;
  }
  #drawer #drawerInner .drawerContents .categoryLists .categoryList .miniTrigger:not(.noHover):hover span {
    background: #fff;
  }
  #drawer #drawerInner .underNav li a:not(.noHover):hover {
    background: #fe9618;
  }
  .footer .inner .mainLinkList li a:not(.noHover):hover {
    opacity: .6;
  }
  .backToTop a:not(.noHover):hover {
    background: #fe9618;
  }
  .top section.mainVisualArea .sliderContainer .topMainEx .btnBox:not(.noHover) a:hover {
    color: #fff;
    background: #fe9618;
    -webkit-box-shadow: 0 0 0 1px #fe9618 inset;
    box-shadow: 0 0 0 1px #fe9618 inset;
  }
  .top section.mainVisualArea .sliderContainer .topMainEx .slick-dots li:not(.noHover):hover,
  .top section.mainVisualArea .sliderContainer .topMainEx .slick-dots li:not(.noHover).slick-active {
    background: #fe9618;
    -webkit-transition: .2s;
    transition: .2s;
  }
  .top section.mainVisualArea .tabMainBox .lists ul li a:not(.noHover):hover {
    opacity: .6;
  }
  .top .multipleItem .slick-prev:not(.noHover):hover, .top .multipleItem .slick-next:not(.noHover):hover {
    background: #859AD1;
  }
  .top .multipleItem .bnr a:not(.noHover):hover img {
    opacity: .7;
  }
  .top section.pressRoomArea .inner .mainContents .mainContentsInner .ttl a:not(.noHover):hover::before {
    -webkit-transition: .2s;
    transition: .2s;
    width: 7px;
    height: 14px;
    background-size: 7px 14px;
    background: url(/albums/css/basic-common/abm00000028.svg) no-repeat center center;
  }
  .top section.pressRoomArea .inner .mainContents .mainContentsInner .ttl a:not(.noHover):hover::after {
    -webkit-transition: .2s;
    transition: .2s;
    background: #fe9618;
    border: 1px solid #fe9618;
  }
  .top section.pressRoomArea .inner .mainContents .mainContentsInner .ex a:not(.noHover):hover .mainTxt {
    color: #999;
  }

  .top section.pressRoomArea .inner .mainContents .mainContentsInner .ex a:not(.noHover):hover .imgBox.noImage,
  .top section.pressRoomArea .inner .mainContents .mainContentsInner .ex a:not(.noHover):hover .imgBox img {
    -webkit-transform: scale(1.25);
    transform: scale(1.25);
  }
  .topicArea .inner .newsLists .list a:not(.noHover):hover h3,
  .topicArea .inner .newsLists .list a:not(.noHover):hover h4,
  .topicArea .inner .newsLists .list a:not(.noHover):hover h5,
  .topicArea .inner .eventsLists .list a:not(.noHover):hover h3,
  .topicArea .inner .eventsLists .list a:not(.noHover):hover h4 {
    color: #999;
  }
  .top .admissionArea .admissionBox .admissionEx .slick-dots li:not(.noHover):hover, .top .admissionArea .admissionBox .admissionEx .slick-dots li:not(.noHover).slick-active {
    background: #fe9618;
    -webkit-transition: .2s;
    transition: .2s;
  }
  .index .linkLists .lv3-item .ttl a:not(.noHover):hover {
    color: #fff;
    background: #1a4375;
  }
  .index .linkLists .lv3-item .ttl a:not(.noHover):hover::after {
    width: 28px;
    height: 28px;
    background-size: 28px 28px;
    background: url(/albums/css/basic-common/abm00000009.svg) no-repeat center center;
  }
  .index .linkLists .lv3-item .lv3-folder .lv4-item .trigger:not(.noHover):hover {
    -webkit-transition: .2s;
    transition: .2s;
    background: #859AD1;
  }
  .index .linkLists .lv3-item .lv3-folder .lv4-item a:not(.noHover):hover {
    color: #999;
  }
  .single2 .singleArea .navSide .navLists a:not(.noHover):hover,
  .single .singleArea .navSide .navLists a:not(.noHover):hover {
    background: #f5f5f5;
    color: #333;
  }
  .single2 .singleArea .navSide .navLists .navList.current a:not(.noHover):hover,
  .single .singleArea .navSide .navLists .navList.current a:not(.noHover):hover {
    color: #333;
  }
  .single2 .singleArea .navSide .navLists .navList .miniTrigger:not(.noHover):hover,
  .single .singleArea .navSide .navLists .navList .miniTrigger:not(.noHover):hover {
    -webkit-transition: .2s;
    transition: .2s;
    background: #859AD1;
  }
}

/* ==========================================================================

960px~1200pxまでのスタイル

========================================================================== */
@media screen and (min-width: 960px) and (max-width: 1200px) {
  .continer {
    margin-left: 0;
  }
  .leftMenu {
    display: none;
  }
}


/* ==========================================================================

960px~1280pxまでのスタイル

========================================================================== */
@media screen and (min-width: 960px) and (max-width: 1280px) {
  .mainArea .inner {
    padding: 60px 9.239130434782608%;
  }
  .indexArea .inner {
    padding: 60px 9.239130434782608% 0;
  }

  section.featureArea .inner {
    padding: 0 6.666666666666667%;
  }
  .fourList .boxTap a .textInner {
    padding: 21px 0 0;
  }
  .fourList .boxTap a .textInner .subTypeTtl {
    font-size: 1.8rem;
    padding: 0 0 16px;
  }
  .underBnrArea .inner {
    padding: 75px 6.666666666666667% 55px;
  }
  .underBnrArea.index .inner {
    padding: 75px 9.239130434782608% 55px;
  }
  .underBnrArea.index .inner .linkBnrList {
    -webkit-box-pack: normal;
    -webkit-justify-content: normal;
    -ms-flex-pack: normal;
    justify-content: normal;
  }
  .underBnrArea.index .inner .linkBnrList .linkBnr {
    width: 31.5%;
    margin: 0 2.75% 11px 0;
  }
  .underBnrArea.index .inner .linkBnrList .linkBnr:nth-child(3n) {
    margin: 0 0 11px;
  }
  .underBnrArea.index .inner .linkBnrList .linkBnr:nth-child(5n) {
    margin-right: 2.75%;
  }
  .titleWrap .titleInner {
    padding: 27px 9.239130434782608%;
  }
  .header .inner .logo {
    max-width: 140px !important;
  }
  .header .inner .logo a {
    padding-top: 20.122% !important;
  }
  .header .inner #gNav>ul {
    margin: 0 30px 0 0;
  }
  .header .inner #gNav>ul>li {
    font-size: 1.6rem;
    margin-right: 20px;
  }
  .header .inner #gNav .rightBtn #searchBtn {
    margin: 0 10px 0 0;
  }
  .searchArea {
    left: 0;
    width: 100%;
  }
  .top section.mainVisualArea {
    height: 560px;
  }

  .top section.mainVisualArea .sliderContainer .topMainEx .slick-dots {
    top: 193px;
  }
  .top section.mainVisualArea .sliderContainer .topMainEx .slick-dots li {
    height: 18px;
    width: 18px;
    margin: 0 7px 0 0;
  }

  /* 曲線 */
  .top section.mainVisualArea .sliderContainer .topMainVisualSlider .bg.curve::after {
    left: -278px;
  }

  .top section.mainVisualArea .sliderContainer .topMainEx {
    top: 200px;
    left: 8.25%;
    width: 391px;
  }

  .top section.mainVisualArea .sliderContainer .topMainEx .standard {
    padding: 26px 20px 26px 20px;
  }
  .top section.mainVisualArea .sliderContainer .topMainEx .mainTtl {
    font-size: 2.6rem;
    margin-bottom: 21px;
  }

  .top section.mainVisualArea .sliderContainer .topMainEx .btnBox a {
    padding: 7px 10px;
  }

  .top section.mainVisualArea .sliderContainer .topMainVisualSlider .bg {
    padding-top: 560px;
  }
  .top section.mainVisualArea .tabMainBox {
    /*width: 67.33333333333333%;*/
    width: auto;
    right: 6.666666666666667%;
    left: 6.666666666666667%;
  }
  .top section.mainVisualArea .tabMainBox .lists {
    height: 440px;
    -webkit-transform: translateY(362px);
    transform: translateY(362px);
  }
  .top section.mainVisualArea .tabMainBox .lists .ttl {
    height: 78px;
    font-size: 1.6rem;
  }
  .top section.mainVisualArea .tabMainBox .lists ul {
    padding: 20px 0 0;
  }
  .top section.mainVisualArea .tabMainBox .lists ul li {
    font-size: 1.4rem;
    margin: 0 0 7px;
  }
  .top .multipleItem {
    margin: 14px 20px;
  }
  .top .multipleItem .slick-prev, .top .multipleItem .slick-next {
    height: 39px;
    width: 39px;
  }
  .top .multipleItem .slick-prev {
    left: -20px;
  }
  .top .multipleItem .slick-next {
    right: -20px;
  }
  .top section.pressRoomArea {
    padding: 0 6.666666666666667%;
  }
  .top section.pressRoomArea .inner {
    padding: 0;
  }
  .top section.pressRoomArea .inner .mainContents {
    width: 61.54%;
  }
  .top section.pressRoomArea .inner .mainContents .mainContentsInner {
    width: 96%;
  }
  .top section.pressRoomArea .inner .mainContents .mainContentsInner .ex .imgArea {
    width: 50.02%;
  }
  .top section.pressRoomArea .inner .mainContents .mainContentsInner .ex .txtArea {
    width: 46.75%;
  }
  .top section.pressRoomArea .inner .mainContents .mainContentsInner .ex .txtArea .mainTxt {
    margin: 2.5% 0 0;
  }
  .top section.pressRoomArea .inner .rightContents {
    width: 38.46153846153847%;
  }
  .top section.pressRoomArea .inner .rightContents .rightContentsInner {
    width: 83.55%;
  }
  .top section.pressRoomArea .inner .rightContents .rightContentsInner .keyFactsSlider>div .innerBox h4 {
    white-space: nowrap;
  }
  .top section.pressRoomArea .inner .rightContents .rightContentsInner .keyFactsSlider>div .innerBox .exTxt p span {
    margin-right: 4px;
    font-size: 4.2rem;
  }
  .top section.pressRoomArea .inner .rightContents .rightContentsInner .keyFactsSlider>div .innerBox .exTxt p span.no2 {
    margin-left: 4px;
  }
  .top section.pressRoomArea .inner .rightContents .rightContentsInner .keyFactsSlider>div .innerBox.keyFacts01::before {
    width: 43px;
    height: 39px;
  }
  .top section.pressRoomArea .inner .rightContents .rightContentsInner .keyFactsSlider>div .innerBox.keyFacts02::before {
    width: 55px;
    height: 32px;
  }
  .top section.pressRoomArea .inner .rightContents .rightContentsInner .keyFactsSlider>div .innerBox.keyFacts03::before {
    width: 52px;
    height: 40px;
  }
  .top section.pressRoomArea .inner .rightContents .rightContentsInner .keyFactsSlider>div .innerBox.keyFacts04::before {
    width: 29px;
    height: 43px;
  }
  .top section.pressRoomArea .inner .rightContents .rightContentsInner .keyFactsSlider>div .innerBox.keyFacts05::before {
    width: 45px;
    height: 41px;
  }
  .top section.pressRoomArea .inner .rightContents .rightContentsInner .keyFactsSlider>div .innerBox.keyFacts06::before {
    width: 44px;
    height: 41px;
  }
  .topicArea {
    padding: 0 6.666666666666667%;
  }
  .topicArea .inner {
    padding: 64px 0 0;
  }
  .topicArea .inner.events {
    padding: 85px 0 73px;
  }
  .topicArea .inner .btnBox {
    right: 49px;
  }
  .topicArea .inner .accoTrigger {
    right: 0;
  }


  .topicArea .inner .eventsLists .list a .main .ex {
    margin: 0 0 0 6px;
  }

  .top .admissionArea {
    padding: 66px 0 0;
  }
  .top .admissionArea .inner {
    padding: 0 6.666666666666667%;
  }
  .top .admissionArea .inner .btnArea {
    margin: 81px 0;
  }
  .top .admissionArea .admissionBox {
    height: 421px;
  }
  .top .admissionArea .admissionBox .admissionSlider {
    width: 73.58333333333333%;
  }
  .top .admissionArea .admissionBox .admissionSlider .bg {
    padding-top: 421px;
  }
  .top .admissionArea .admissionBox .admissionEx {
    width: 49.416666666666664%;
  }
  .top .admissionArea .admissionBox .admissionEx .ex {
    height: 302px;
    margin: 60px 0 0;
  }
  .top .admissionArea .admissionBox .admissionEx .ex .exInner {
    padding: 0 32.04047217537943% 0 6.57672849915683%;
  }
  .top .admissionArea .admissionBox .admissionEx .ex .sttl {
    margin: 8px 0 7px;
  }
  .top .admissionArea .admissionBox .admissionEx .ex .btnBox {
    margin-top: 15px;
    width: 118px;
  }
  .top .admissionArea .admissionBox .admissionEx .ex .btnBox a {
    padding: 7px 10px;
  }
  .top .admissionArea .admissionBox .admissionEx .slick-dots {
    bottom: -10px;
  }
  .top .admissionArea .admissionBox .admissionEx .slick-dots li {
    height: 18px;
    width: 18px;
    margin: 0 7px 0 0;
  }
  .index .linkLists .lv3-item .ttl {
    font-size: 1.6rem;
  }
  .single2 .singleArea,
  .single .singleArea {
    padding: 0 9.176667%;
  }
  .single2 .singleArea .oneColumnInner,
  .single .singleArea .oneColumnInner {
    padding: 50px 5.833333333333333% 75px;
  }
  .single2 .singleArea .twoColumnInner,
  .single .singleArea .twoColumnInner {
    padding: 50px 5.833333333333333% 75px;
  }
  .cp-h1-text {
    padding: 14px 0 46px;
  }
  .single2 .singleArea .navSide,
  .single .singleArea .navSide {
    padding: 60px 0 0;
    width: 24.24%;
  }
}

/* ==========================================================================

960px~1380pxまでのスタイル

========================================================================== */
@media screen and (min-width: 960px) and (max-width: 1380px) {
  .header .inner .logo {
    max-width: 172px;
  }
  .header .inner .logo a {
    padding-top: 16.122%;
  }
  .top section.pressRoomArea .inner .rightContents .rightContentsInner .keyFactsSlider>div .innerBox h4 span {
    padding-left: 60px;
  }
}


/* ==========================================================================

640px~959pxまでのスタイル

========================================================================== */
@media screen and (min-width: 640px) and (max-width: 959px) {
  .single2 .singleArea .cp-img.cp-img-col1,
  .single .singleArea .cp-img.cp-img-col1 {
    max-width: 450px;
    margin: 0 auto;
  }
  .single2 .singleArea .cp-img.cp-img-col2,
  .single2 .singleArea .cp-img.cp-img-col3,
  .single .singleArea .cp-img.cp-img-col2,
  .single .singleArea .cp-img.cp-img-col3 {
    max-width: 450px;
    margin: 20px auto 0;
  }
}


/* ==========================================================================

補足スタイル（色々）

========================================================================== */
.breads-wrap {
  display: none;
}
#indexNavi {
  display: none;
}

.cp-inner img {
  width: 100%;
}

.cp-ti-text.cp-horizontal-text .lead2 {
  font-size: 2.4rem;
  margin: 0;
}
@media only screen and (max-width: 959px) {
  .cp-ti-text.cp-horizontal-text .lead2 {
    font-size: 2rem;
    margin: 13px 0 0;
  }
}


/* ==========================================================================

テキスト画像（横）１段

========================================================================== */
.cp-ti-img.cp-horizontal-img {
  width: 47.61904761904761%;
  padding: 0 0 0 15px;
}
@media only screen and (max-width: 959px) {
  .cp-ti-text.cp-horizontal-text {
    order: 2;
  }
  .cp-ti-img.cp-horizontal-img {
    order: 1;
    width: 100%;
    max-width: 450px;
    padding: 0;
    margin: 0 auto 12px;
  }
}

/* ==========================================================================

画像テキスト（横）１段

========================================================================== */
.cp-it-img.cp-horizontal-img {
  width: 47.61904761904761%;
  padding: 0 15px 0 0;
}
@media only screen and (max-width: 959px) {
  .cp-it-text.cp-horizontal-text {
    order: 2;
  }
  .cp-it-img.cp-horizontal-img {
    order: 1;
    width: 100%;
    max-width: 450px;
    padding: 0;
    margin: 0 auto 12px;
  }
}


/* ==========================================================================

リストスタイル

========================================================================== */
.singleArea ul {
  width: auto;
  margin: 0 0 0 10px;
  list-style: none !important;
}

.singleArea ul li {
  list-style: none !important;
  padding-left: .6em;
  text-indent: -.6em;
}

.singleArea ul li::before {
  position: relative;
  top: 0;
  left: -9px;
  display: inline-block;
  width: 10px;
  height: 10px;
  content: '';
  border-radius: 100%;
  background: #333;
}



/* ==========================================================================

テキスト３段

========================================================================== */
.cp-text.cp-text-col3.cp-all {
  display: flex;
}
@media only screen and (max-width: 959px) {
  .cp-text.cp-text-col3.cp-all {
    display: block;
  }
}

.cp-text.cp-text-col3.cp-all > div {
  margin: 0;
  width: 30.952380952380953%;
}
@media only screen and (max-width: 959px) {
  .cp-text.cp-text-col3.cp-all > div {
    width: 100%;
    margin: 0 0 40px;
  }
}

.cp-text.cp-text-col3.cp-all > div:first-of-type {
  margin-right: auto;
}

.cp-text.cp-text-col3.cp-all > div:last-of-type {
  margin-left: auto;
}
@media only screen and (max-width: 959px) {
  .cp-text.cp-text-col3.cp-all > div:last-of-type {
    margin-bottom: 0;
  }
}

.cp-text.cp-text-col3.cp-all > div .cp-h2-text,
.cp-text.cp-text-col3.cp-all > div .cp-h3-text {
  font-size: 1.8rem;
  border-top: 0;
  margin: 0 0 21px;
  padding: 0 0 10px;
  border-bottom: 1px solid #ddd;
}

.cp-text.cp-text-col3.cp-all > div .cp-h2-text::before,
.cp-text.cp-text-col3.cp-all > div .cp-h3-text::before {
  display: none;
}


/* ==========================================================================

教員メッセージ

========================================================================== */
.featureList .featureLists {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  align-items: center;
  margin-bottom: 20px;
}
@media only screen and (max-width: 959px) {
  .featureList .featureLists {
    display: block;
    margin-bottom: 40px;
  }
}

.featureList .featureLists:last-of-type {
  margin-bottom: 0;
}
@media only screen and (max-width: 959px) {
  .featureList .featureLists:last-of-type {
    margin-bottom: 10px;
  }
}

.featureList .featureLists .imgBox {
  width: 21.428571428571427%;
  margin-right: auto;
}
@media only screen and (max-width: 959px) {
  .featureList .featureLists .imgBox {
    width: 100%;
    max-width: 320px;
    margin: 0 auto;
  }
  .featureList .featureLists .imgBox img {
    width: 100%;
  }
}

.featureList .featureLists .exBox {
  width: 76.19047619047619%;
  line-height: 1.9;
}
@media only screen and (max-width: 959px) {
  .featureList .featureLists .exBox {
    font-size: 1.3rem;
    width: 100%;
    margin: 10px 0 0;
  }
}

.featureList .featureLists .exBox .name {
  margin: 0 0 13px;
  font-size: 1.8rem;
}
@media only screen and (max-width: 959px) {
  .featureList .featureLists .exBox .name {
    font-size: 1.7rem;
    line-height: 1.5;
  }
}

.featureList .featureLists .exBox a {
  color: #174277;
}
@media screen and (min-width: 960px) {
  .featureList .featureLists .exBox a:not(.noHover):hover {
    text-decoration: underline;
  }
}

/* ==========================================================================

欧洲足球联赛_中国足彩网￥真诚推荐（直書）

========================================================================== */
.specialMainImg {
  background: url(/albums/css/basic-common/abm00000091.jpg) center center no-repeat;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 520px;
  margin: 0 0 50px;
}
@media only screen and (max-width: 959px) {
  .specialMainImg {
    margin: 0 0 25px;
    min-height: inherit;
  }
}

.specialMainImg .specialMainImgInner {
  text-align: center;
  color: #fff;
  padding: 30px;
}
@media only screen and (max-width: 959px) {
  .specialMainImg .specialMainImgInner {
    text-align: left;
    padding: 15px;
  }
}

.specialMainImg .specialMainImgInner .readTxt {
  font-size: 2.4rem;
  margin: 49px 0 0;
}
@media only screen and (max-width: 959px) {
  .specialMainImg .specialMainImgInner .readTxt {
    font-size: 1.8rem;
    margin: 28px 0 0;
  }
}

.specialMainImg .specialMainImgInner h2 {
  line-height: 1;
  font-size: 7.2rem;
  font-weight: normal;
  letter-spacing: -.02em;
  margin: 24px 0 53px;
}
@media only screen and (max-width: 959px) {
  .specialMainImg .specialMainImgInner h2 {
    font-size: 3.8rem;
    margin: 20px 0 38px;
    line-height: 1.1;
  }
}

.specialMainImg .specialMainImgInner .exTxt {
  font-size: 1.3rem;
  line-height: 2.2;
}
@media only screen and (max-width: 959px) {
  .specialMainImg .specialMainImgInner .exTxt {
    font-size: 1.4rem;
    line-height: 2;
    margin: 0 0 25px;
  }
}


/* ==========================================================================

写真で見る昭和の歴史

========================================================================== */
@media only screen and (max-width: 959px) {
  .cp-photos .cp-photos-l {
    margin: 0 auto;
  }
}

.cp-photos-item {
  width: 47.904762%;
}
@media only screen and (max-width: 959px) {
  .cp-photos-item {
    max-width: 450px;
    width: 100%;
    margin: 0 auto !important;
  }
}

.cp-photos-item a {
  display: block;
  transition: .2s:
}
@media screen and (min-width: 960px) {
  .cp-photos-item a:not(.noHover):hover {
    opacity: .6;
  }
}

.cp-photos-item .cp-inner:last-of-type {
  font-size: 1.4rem;
  line-height: 1.6;
  padding: 12px 0 26px;
}
@media only screen and (max-width: 959px) {
  .cp-photos-item .cp-inner:last-of-type {
    font-size: 1.6rem;
  }
}


/* ==========================================================================

お知らせスタイル（汎用）

========================================================================== */
.newsSingle {
  position: relative;
}

.newsSingle .btnBox {
  position: absolute;
  top: -69px;
  right: 0;
  width: 180px;
}
@media only screen and (max-width: 959px) {
  .newsSingle .btnBox {
    max-width: 184px;
    margin: 35px auto 0;
    text-align: center;
    position: static;
  }
  .newsSingle .btnBox::after {
    display: none;
  }
}

.newsSingleLists {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
}

.newsSingleLists .list {
  border-top: 1px solid #ddd;
  width: 30.952380952380953%;
  margin-right: 3.571428571428571%;
}

.newsSingleLists .list:nth-child(3n) {
  margin-right: 0;
}

.newsSingleLists .list a {
  display: block;
  width: 100%;
  color: #555;
  padding: 33px 0 60px;
}

.newsSingleLists .list a .time {
  font-size: 1.2rem;
  line-height: 1;
  padding: 0 0 10px;
}

.newsSingleLists .list a .toicTtl {
  font-weight: 600;
  font-size: 1.5rem;
  color: #333;
  min-height: 48px;
  -webkit-transition: .2s;
  transition: .2s;
}

.newsSingleLists .list a .type {
  font-size: 1.2rem;
  line-height: 1;
  padding: 17px 0 9px;
}

.newsSingleLists .list a .tag {
  font-size: 1.2rem;
  line-height: 1;
}

@media screen and (min-width: 960px) {
  .newsSingleLists .list a:not(.noHover):hover h4 {
    color: #999;
  }
}

@media only screen and (max-width: 959px) {
  .newsSingleLists {
    display: block;
  }
  .newsSingleLists .list {
    width: 100%;
    margin-right: 0;
  }
  .newsSingleLists .list:last-of-type {
    border-bottom: 1px solid #ddd;
  }
  .newsSingleLists .list a {
    padding: 12px 0;
  }
  .newsSingleLists .list a .toicTtl {
    line-height: 1.5;
    min-height: inherit;
    height: auto !important;
  }
  .newsSingleLists .list a .type {
    padding: 10px 0 6px;
  }
}


/* ==========================================================================

お知らせスタイル（学部INDEX用）

========================================================================== */
.newsSingleUndergraduate {
  position: relative;
}

.newsSingleUndergraduate .btnBox {
  position: absolute;
  top: -69px;
  right: 0;
  width: 180px;
}
@media only screen and (max-width: 959px) {
  .newsSingleUndergraduate .btnBox {
    max-width: 184px;
    margin: 35px auto 0;
    text-align: center;
    position: static;
  }
  .newsSingleUndergraduate .btnBox::after {
    display: none;
  }
}

.newsSingleUndergraduateLists {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
}

.newsSingleUndergraduateLists .list {
  border-top: 1px solid #ddd;
  width: 22.26027397260274%;
  margin-right: 3.571428571428571%;
}

.newsSingleUndergraduateLists .list:nth-child(4n) {
  margin-right: 0;
}

.newsSingleUndergraduateLists .list a {
  display: block;
  width: 100%;
  color: #555;
  padding: 33px 0 60px;
}

.newsSingleUndergraduateLists .list a .time {
  font-size: 1.2rem;
  line-height: 1;
  padding: 0 0 10px;
}

.newsSingleUndergraduateLists .list a .toicTtl {
  font-weight: 600;
  font-size: 1.5rem;
  color: #333;
  min-height: 48px;
  -webkit-transition: .2s;
  transition: .2s;
}

.newsSingleUndergraduateLists .list a .type {
  font-size: 1.2rem;
  line-height: 1;
  padding: 17px 0 9px;
}

.newsSingleUndergraduateLists .list a .tag {
  font-size: 1.2rem;
  line-height: 1;
}

@media screen and (min-width: 960px) {
  .newsSingleUndergraduateLists .list a:not(.noHover):hover h4 {
    color: #999;
  }
}

@media only screen and (max-width: 959px) {
  .newsSingleUndergraduateLists {
    display: block;
  }
  .newsSingleUndergraduateLists .list {
    width: 100%;
    margin-right: 0;
  }
  .newsSingleUndergraduateLists .list:last-of-type {
    border-bottom: 1px solid #ddd;
  }
  .newsSingleUndergraduateLists .list a {
    padding: 12px 0;
  }
  .newsSingleUndergraduateLists .list a .toicTtl {
    line-height: 1.5;
    min-height: inherit;
    height: auto !important;
  }
  .newsSingleUndergraduateLists .list a .type {
    padding: 10px 0 6px;
  }
}


/* ==========================================================================

左文言、右画像（回り込み）

========================================================================== */
.imgAreaBox:after {
  content: '';
  display: table;
  clear: both;
}

.imgAreaBox .imgLeftBox {
  width: 47.61904761904761%;
  float: left;
  padding: 0 20px 20px 0;
}
@media only screen and (max-width: 959px) {
  .imgAreaBox .imgLeftBox {
    max-width: 450px;
    width: 100%;
    margin: 0 auto;
    float: none;
    padding: 0;
  }
}

.imgAreaBox .imgRightBox {
  width: 47.61904761904761%;
  float: right;
  padding: 0 0 20px 20px;
}
@media only screen and (max-width: 959px) {
  .imgAreaBox .imgRightBox {
    max-width: 450px;
    width: 100%;
    margin: 0 auto;
    float: none;
    padding: 0;
  }
}

.imgAreaBox .imgLeftBox img,
.imgAreaBox .imgRightBox img {
  width: 100%;
}

.imgAreaBox .caption {
  font-size: 1.4rem;
  padding: 10px 0 0;
}
@media only screen and (max-width: 959px) {
  .imgAreaBox .caption {
    padding: 10px 0 22px;
  }
}


.imgAreaBox.order {
  margin: 0 0 30px;
}
@media only screen and (max-width: 959px) {
  .imgAreaBox.order {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 20px;
  }  
  .imgAreaBox.order .imgRightBox {
    width: 100%;
    order: 2;
  }  
  .imgAreaBox.order .mainTxt {
    width: 100%;
    order: 1;
    margin: 0 0 30px;
  }  
}

[data-area="content"] .imgAreaBox .cp-h3-text {
  font-weight: 500;
  position: relative;
  font-size: 2rem;
  letter-spacing: -.03em;
  color: #1a4375;
  border-top: 1px solid #d4d4d4;
  padding: 20px 0;
  margin: 0;
  display: flex;
}
@media only screen and (max-width: 959px) {
  [data-area="content"] .imgAreaBox .cp-h3-text {
    font-size: 1.7rem;
    padding: 17px 0;
    line-height: 1.4;
    display: block;
  }
}


/* ==========================================================================

左文言、右画像（回り込み、枠付き）

========================================================================== */
.imgAreaBox.border {
  background: #f4f4f4;
  padding: 40px 30px;
}
@media only screen and (max-width: 959px) {
  .imgAreaBox.border {
    padding: 20px 15px;
  }
}

/* ==========================================================================

左文言、右画像（枠付き）

========================================================================== */
.borderBox {
  background: #f4f4f4;
  padding: 40px 30px;
}
@media only screen and (max-width: 959px) {
  .borderBox {
    padding: 20px 15px;
  }
}

.borderBox .lead2 {
  font-size: 2.4rem !important;
  margin: 0 0 30px;
}
@media only screen and (max-width: 959px) {
  .borderBox .lead2 {
    font-size: 1.7rem !important;
  }
}

.borderBox .boxs {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  flex-direction: row-reverse;
}
@media only screen and (max-width: 959px) {
  .borderBox .boxs {
    display: block;
  }
}

.borderBox .caption {
  font-size: 1.4rem;
  padding: 10px 0 0;
}
@media only screen and (max-width: 959px) {
  .borderBox .caption {
    padding: 10px 0 22px;
  }
}

.borderBox .imgRightBox {
  width: 34.61538461538461%;
}
@media only screen and (max-width: 959px) {
  .borderBox .imgRightBox {
    max-width: 450px;
    width: 100%;
    margin: 0 auto;
  }
  .borderBox .imgRightBox img {
    width: 100%;
  }
}

.borderBox .mainTxt {
  width: 61.53846153846154%;
  margin-right: auto;
}
@media only screen and (max-width: 959px) {
  .borderBox .mainTxt {
    width: 100%;
    margin-right: 0;
  }
}

/* ==========================================================================

文言だけ、写真なし（枠付き）

========================================================================== */
.borderBox.one .mainTxt {
  width: 100%;
  margin-right: 0;
}

/* ==========================================================================

３つ並び（ブロック）

========================================================================== */
.sideBox3 {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  flex-wrap: wrap;
  padding: 40px 0 0;
  margin: 40px 0 0;
  border-top: 1px solid #d4d4d4;
}
@media only screen and (max-width: 959px) {
  .sideBox3 {
    display: block;
    padding: 20px 0 0;
    margin: 20px 0 0;
  }
}

.sideBox3:last-child {
  padding: 0;
  margin: 0;
  border: none;
}

.sideBox3 > div {
  width: 31.9047619047619%;
}
@media only screen and (max-width: 959px) {
  .sideBox3 > div {
    width: 100%;
  }
}
.sideBox3 > .imgBox {
  margin: 0;
}

.sideBox3 > div:first-of-type {
  margin-right: auto;
}
@media only screen and (max-width: 959px) {
  .sideBox3 > div:first-of-type {
    margin-bottom: 10px;
  }
}

.sideBox3 > div:last-of-type {
  margin-left: auto;
}
@media only screen and (max-width: 959px) {
  .sideBox3 > .imgBox {
    max-width: 450px;
    margin: 20px auto 0;
  }
  .sideBox3 > .imgBox img {
    width: 100%;
  }
}

.sideBox3 > div .sttl {
  font-size: 1.8rem;
  font-weight: 600;
  margin: 0 0 10px;
}

.sideBox3 > div .manufacturer {
  font-size: 1.3rem;
  color: #666;
}

.sideBox3 > div .cp-h3-text,
.sideBox3 > div .cp-h4-text,
.sideBox3 > div .cp-h5-text {
  margin: 0;
}


/* ==========================================================================

２つ並び（ブロック）

========================================================================== */
.sideBox2 {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  flex-wrap: wrap;
  padding: 40px 0 0;
  margin: 40px 0 0;
  border-top: 1px solid #d4d4d4;
}
@media only screen and (max-width: 959px) {
  .sideBox2 {
    display: block;
    padding: 20px 0 0;
    margin: 20px 0 0;
  }
}

.sideBox2 > div:first-of-type {
  width: 31.9047619047619%;
  margin-right: auto;
}
@media only screen and (max-width: 959px) {
  .sideBox2 > div:first-of-type {
    width: 100%;
    margin-bottom: 10px;
  }
}

.sideBox2 > div:last-of-type {
  width: 65.83333%;
  margin-left: auto;
}
@media only screen and (max-width: 959px) {
  .sideBox2 > div:last-of-type {
    width: 100%;
  }
}

.sideBox2 > div .sttl {
  font-size: 1.8rem;
  font-weight: 600;
  margin: 0 0 10px;
}

.sideBox2 > div .manufacturer {
  font-size: 1.3rem;
  color: #666;
}

.sideBox2 > div .cp-h3-text,
.sideBox2 > div .cp-h4-text,
.sideBox2 > div .cp-h5-text {
  margin: 0;
}


/* ==========================================================================

標準リンクボタン

========================================================================== */
[data-area="content"] .button1,
[data-area="content"] .button2,
[data-area="content"] .button3 {
  box-sizing: border-box;
  display: block;
  width: auto;
  max-width: 270px;
}
@media only screen and (max-width: 959px) {
  [data-area="content"] .button1,
  [data-area="content"] .button2,
  [data-area="content"] .button3 {
    width: 100%;
    max-width: 100%;
  }
}

[data-area="content"] .button1 .button-inner,
[data-area="content"] .button2 .button-inner,
[data-area="content"] .button3 .button-inner {
  min-width: inherit;
}
@media only screen and (max-width: 959px) {
  [data-area="content"] .button1 .button-inner,
  [data-area="content"] .button2 .button-inner,
  [data-area="content"] .button3 .button-inner {
    padding: 0 45px 0 0;
  }
}

[data-area="content"] .button1 a,
[data-area="content"] .button2 a,
[data-area="content"] .button3 a {
  position: relative;
  transition: .2s;
  line-height: 1.4;
  padding: 13px 30px 14px 15px;
  text-align: left;
  display: block;
  border: none;
  color: #000;
  background: #fff;
  box-shadow: 0 0 0 1px #ccc inset;
  font-size: 1.5rem;
}
@media only screen and (max-width: 959px) {
  [data-area="content"] .button1 a,
  [data-area="content"] .button2 a,
  [data-area="content"] .button3 a {
    width: 100%;
    max-width: inherit;
  }
}

[data-area="content"] .button1 a::after,
[data-area="content"] .button2 a::after,
[data-area="content"] .button3 a::after {
    position: absolute;
    content: '';
    top: 0;
    right: 15px;
    bottom: 0;
    margin: auto 0;
    z-index: 18;
    width: 5px;
    height: 10px;
    background: url(/albums/css/basic-common/abm00000026.svg) no-repeat center center;
    background-size: contain;
}
@media screen and (min-width: 960px) {
  [data-area="content"] .button1 a:not(.noHover):hover,
  [data-area="content"] .button2 a:not(.noHover):hover,
  [data-area="content"] .button3 a:not(.noHover):hover {
    color: #fff;
    background: #fe9618;
    box-shadow: 0 0 0 1px #fe9618 inset;
  }
  [data-area="content"] .button1 a:not(.noHover):hover::after,
  [data-area="content"] .button2 a:not(.noHover):hover::after,
  [data-area="content"] .button3 a:not(.noHover):hover::after {
    transition: all .2s linear;
    background: url(/albums/css/basic-common/abm00000029.svg) no-repeat center center;
  }
}


/* ==========================================================================

リンクボタン

========================================================================== */
.linkBoxes {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin: 0 0 44px;
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  .linkBoxes {
    margin: 0 0 25px;
  }
}
@media screen and (max-width: 639px) {
  .linkBoxes {
    display: block;
    margin: 0 0 22px;
  }
}

.linkBoxes.box4 .linkBox {
  width: 25%;
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  .linkBoxes.box4 .linkBox {
    width: 50%;
    height: auto !important;
  }
}
@media screen and (max-width: 639px) {
 .linkBoxes.box4 .linkBox {
    width: 100%;
    height: auto !important;
  }
}

.linkBoxes.box5 .linkBox {
  width: 20%;
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  .linkBoxes.box5 .linkBox {
    width: 50%;
  }
}
@media screen and (max-width: 959px) {
  .linkBoxes.box5{
    border-top: 1px solid #174277;
    border-left: 1px solid #174277;
  }
  .linkBoxes.box5 .linkBox a {
    box-shadow: none;
    box-sizing: border-box;
    border-right: 1px solid #174277;
    border-bottom: 1px solid #174277;
  }
}
@media screen and (max-width: 639px) {
  .linkBoxes.box5{
    border-left: none;
  }
  .linkBoxes.box5 .linkBox{
    width: 100%;
    height: auto !important;
  }
  .linkBoxes.box5 .linkBox a{
    border-left: 1px solid #174277;
  }
}

.linkBoxes .linkBox a {
  color: #333;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  transition: .2s;
  text-align: center;
  font-size: 1.5rem;
  padding: 10px 0;
  line-height: 1.5;
  box-shadow: 0 0 0 1px #174277;
}
@media screen and (min-width: 960px) {
  .linkBoxes .linkBox a:not(.noHover):hover {
    background: #174277;
    color: #fff;
  }
}
.linkBoxes .linkBox a.current {
  background: #174277;
  color: #fff;
}

/* ==========================================================================

リンクボタン（ビックサイズ）

========================================================================== */
.bigLinkBoxes {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.bigLinkBoxes.box4 .bigLinkBox {
  width: 25%;
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  .bigLinkBoxes.box4 .bigLinkBox {
    width: 50%;
    height: auto !important;
  }
}
@media screen and (max-width: 639px) {
  .bigLinkBoxes.box4 .bigLinkBox {
    width: 100%;
    height: auto !important;
  }
}

.bigLinkBoxes .bigLinkBox a {
  color: #1a4375;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  transition: .2s;
  text-align: center;
  font-size: 1.5rem;
  line-height: 1.5;
  position: relative;
  padding: 70px 0;
  box-shadow: 0 0 0 1px #174277;
}
@media screen and (min-width: 960px) {
  .bigLinkBoxes .bigLinkBox a:not(.noHover):hover {
    background: #174277;
    color: #fff;
  }

  .bigLinkBoxes .bigLinkBox a span:not(.noHover):hover::after {
    background: url(/albums/css/basic-common/abm00000009.svg) no-repeat center center;
    background-size: 20px 20px;
  }
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  .bigLinkBoxes .bigLinkBox a {
    padding: 60px 0;
  }
}
@media screen and (max-width: 639px) {
  .bigLinkBoxes .bigLinkBox a {
    padding: 26px 0 19px;
  }
}

.bigLinkBoxes .bigLinkBox a.current {
  background: #174277;
  color: #fff;
}

.bigLinkBoxes .bigLinkBox a span {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  margin: auto;
  display: inline-block;
  vertical-align: middle;
  line-height: 1.2;
  padding: 0 10px;
  height: 60px;
}
@media screen and (min-width: 640px) and (max-width: 959px) {
}
@media screen and (max-width: 639px) {
  .bigLinkBoxes .bigLinkBox a span {
    position: static;
  }
}

.bigLinkBoxes .bigLinkBox a span::after {
  position: absolute;
  z-index: 2;
  content: '';
  margin: auto;
  bottom: 0;
  top: 40px;
  left: 0;
  right: 0;
  width: 20px;
  height: 20px;
  background: url(/albums/css/basic-common/abm00000089.svg) no-repeat center center;
  background-size: 20px 20px;
}
@media screen and (min-width: 960px) and (max-width: 1280px) {
  .bigLinkBoxes .bigLinkBox a span::after {
    bottom: 10px;
  }
}
@media screen and (max-width: 639px) {
  .bigLinkBoxes .bigLinkBox a span::after {
    bottom: 13px;
  }
}
.bigLinkBoxes .bigLinkBox a::after {
  content: none !important;
}

/* ==========================================================================

リンクボタンボックス

========================================================================== */
.linkBtnBoxes {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 639px) {
  .linkBtnBoxes {
    display: block;
  }
}

.linkBtnBoxes .linkBtnBox {
  width: 47.61904761904761%;
  margin-bottom: 20px;
}
@media screen and (max-width: 639px) {
  .linkBtnBoxes .linkBtnBox {
    width: 100%;
    margin-bottom: 40px;
  }
}

.linkBtnBoxes .linkBtnBox:nth-child(2n) {
  margin-left: auto;
}
@media screen and (max-width: 639px) {
  .linkBtnBoxes .linkBtnBox:nth-child(2n) {
   margin-left: 0;
  }
}

.linkBtnBoxes .linkBtnBox a {
  transition: .2s;
  text-align: center;
  display: block;
  width: 100%;
  height: 100%;
  color: #333;
  box-shadow: 0 0 0 2px #1a4375 inset, 0 0 0 4px #fff inset, 0 0 0 5px #1a4375 inset;
}
@media screen and (min-width: 960px) {
  .linkBtnBoxes .linkBtnBox a:not(.noHover):hover {
    background: #1a4375;
    color: #fff;
    box-shadow: 0 0 0 2px #1a4375 inset, 0 0 0 4px #1a4375 inset, 0 0 0 5px #fff inset;
  }
}

.cms .linkBtnBox a {
  display: block;
}

.linkBtnBoxes .linkBtnBox a .ttl {
  font-size: 2.4rem;
  padding: 57px 10px 0;
}
@media screen and (max-width: 639px) {
  .linkBtnBoxes .linkBtnBox a .ttl {
    font-size: 2rem;
    padding: 25px 10px 0;
  }
}

.linkBtnBoxes .linkBtnBox a .txt,
.linkBtnBoxes .linkBtnBox a p {
  font-size: 1.3rem;
  line-height: 1.8;
  padding: 18px 40px 31px;
}
@media screen and (max-width: 639px) {
  .linkBtnBoxes .linkBtnBox a .txt,
  .linkBtnBoxes .linkBtnBox a p {
    font-size: 1.5rem;
    padding: 13px 20px 25px;
  }
}


/* ==========================================================================

リンクボタン：3段サブ

========================================================================== */
.subLinkBox {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  border: 1px solid #ccc;
  border-right: none;
  overflow: hidden;
}
@media only screen and (max-width: 959px) {
  .subLinkBox {
    display: block;
    border-bottom: 0;
  }
}

.subLinkBox .linkBtn {
  width: 33.3333333%;
  text-align: center;
  font-size: 1.5rem;
  transition: .2s;
  position: relative;
}
@media screen and (min-width: 960px) {
  .subLinkBox .linkBtn:not(.noHover):hover {
    background: #dde2ea;
  }
  .subLinkBox .linkBtn a:not(.noHover):hover {
    color: #333 !important;
  }
}
@media only screen and (max-width: 959px) {
  .subLinkBox .linkBtn {
    width: 100%;
    font-size: 1.4rem;
    border-bottom: 1px solid #ccc;
  }
}
.subLinkBox .linkBtn.current {
  background: #dde2ea;
}

.subLinkBox .linkBtn::after {
    content: '';
    z-index: 10;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto 0;
    height: 140%;
    width: 1px;
    background: #ccc;
}

.subLinkBox .linkBtn a {
  color: #333;
  display: block;
  width: 100%;
  height: 100%;
}

.subLinkBox .linkBtn a span {
  display: inline-block;
  padding: 6px 0;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media only screen and (max-width: 959px) {
  .subLinkBox .linkBtn a span {
    padding: 3px 0;
  }
}


/* ==========================================================================

リンクボタン：3段（疑似タブリンクボタン）

========================================================================== */
.tabLinkBtnBox {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  margin: 0 0 40px;
}
@media only screen and (max-width: 959px) {
  .tabLinkBtnBox {
    margin: 0 0 20px;
  }
}

.tabLinkBtnBox .tabLinkBtn {
  width: 33.3333333%;
  text-align: center;
  font-size: 1.8rem;
  line-height: 1.5;
  transition: .2s;
  position: relative;
  border: 1px solid #1a4375;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
@media screen and (min-width: 960px) {
  .tabLinkBtnBox .tabLinkBtn:not(.noHover):hover {
    background: #1a4375;
  }
  .tabLinkBtnBox .tabLinkBtn:not(.noHover):hover a {
    color: #fff;
  }
}
@media only screen and (max-width: 959px) {
  .tabLinkBtnBox .tabLinkBtn {
    width: 100%;
    border-bottom: 1px solid #1a4375;
    font-size: 1.3rem;
    line-height: 1.3;
    padding: 0 5px;
  }
}
.tabLinkBtnBox .tabLinkBtn:nth-child(1) {
  border-right: 0;
}
.tabLinkBtnBox .tabLinkBtn:nth-child(2) {
  border-right: 0;
}

.tabLinkBtnBox .tabLinkBtn.current {
  background: #1a4375;
}
.tabLinkBtnBox .tabLinkBtn.current a {
  color: #fff;
}

.tabLinkBtnBox .tabLinkBtn a {
  color: #333;
  display: block;
  width: 100%;
  height: 100%;
}

.tabLinkBtnBox .tabLinkBtn a span {
  padding: 12px 0;
  margin: auto;
  width: 90%;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 959px) {
  .tabLinkBtnBox .tabLinkBtn a span {
    padding: 4px 0;
  }
}

/* 戻る */
.tabLinkBtnBox .tabLinkBtn.back a span::after {
  content: '';
  position: relative;
  top: 1px;
  display: inline-block;
  width: 22px;
  height: 20px;
  min-width: 22px;
  margin-left: 5px;
  background: url(/albums/css/basic-common/abm00011664.svg) center center no-repeat;
  background-size: contain;
}
@media only screen and (max-width: 959px) {
  .tabLinkBtnBox .tabLinkBtn.back a span::after {
    margin-left: 2px;
    width: 18px;
    height: 16px;
    min-width: 18px;
  }
}
@media screen and (min-width: 960px){
  .tabLinkBtnBox .tabLinkBtn.back:not(.noHover):hover span::after {
    background: url(/albums/css/basic-common/abm00011665.svg) center center no-repeat;
    background-size: contain;
  }
}


/* ==========================================================================

リンクボタン：2段（疑似タブリンクボタン）

========================================================================== */
.twoLinkBtnBox {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  margin: 0 0 40px;
}
@media only screen and (max-width: 959px) {
  .twoLinkBtnBox {
    margin: 0 0 20px;
  }
}

.twoLinkBtnBox .tabLinkBtn {
  width: 50%;
  text-align: center;
  font-size: 1.8rem;
  transition: .2s;
  position: relative;
  border: 1px solid #1a4375;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
@media screen and (min-width: 960px) {
  .twoLinkBtnBox .tabLinkBtn:not(.noHover):hover {
    background: #1a4375;
  }
  .twoLinkBtnBox .tabLinkBtn:not(.noHover):hover a {
    color: #fff;
  }
}
@media only screen and (max-width: 959px) {
  .twoLinkBtnBox .tabLinkBtn {
    width: 100%;
    border-bottom: 1px solid #1a4375;
    font-size: 1.4rem;
    line-height: 1.3;
    padding: 0 5px;
  }
}
.twoLinkBtnBox .tabLinkBtn:nth-child(1) {
  border-right: 0;
}

.twoLinkBtnBox .tabLinkBtn.current {
  background: #1a4375;
}
.twoLinkBtnBox .tabLinkBtn.current a {
  color: #fff;
}

.twoLinkBtnBox .tabLinkBtn a {
  color: #333;
  display: block;
  width: 100%;
  height: 100%;
}

.twoLinkBtnBox .tabLinkBtn a span {
  display: inline-block;
  padding: 12px 0;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 959px) {
  .twoLinkBtnBox .tabLinkBtn a span {
    padding: 8px 0;
  }
}

/* 広報誌デザイン */
.pressRoomContents.detail .twoLinkBtnBox .tabLinkBtn { 
  border-radius: 0;
  font-size: 1.5rem;
  border: 0;
  box-sizing: border-box;
  border: 0;
  background: #f0f0f0;
}

.pressRoomContents.detail .twoLinkBtnBox .tabLinkBtn a span {
  padding: 9px 0;
}

.pressRoomContents.detail .twoLinkBtnBox .tabLinkBtn a {
  color: #888;
}

/* 左側がアクティブの場合 */
.pressRoomContents.detail .twoLinkBtnBox .tabLinkBtn.current:nth-child(1) {
  background: #7BBB46;
}

.pressRoomContents.detail .twoLinkBtnBox .tabLinkBtn.current:nth-child(1) a {
  color: #fff;
}

@media screen and (min-width: 960px) {
  .pressRoomContents.detail .twoLinkBtnBox .tabLinkBtn:nth-child(1):not(.noHover):hover a {
    color: #fff;
  } 
  .pressRoomContents.detail .twoLinkBtnBox .tabLinkBtn:nth-child(2):not(.noHover):hover {
    background: #FD9626;
  }
}

/* 右側がアクティブの場合 */
.pressRoomContents.detail .twoLinkBtnBox .tabLinkBtn.current:nth-child(2) {
  background: #FD9626;
}

.pressRoomContents.detail .twoLinkBtnBox .tabLinkBtn.current:nth-child(2) a {
  color: #fff;
}

@media screen and (min-width: 960px) {
  .pressRoomContents.detail .twoLinkBtnBox .tabLinkBtn:nth-child(2):not(.noHover):hover a {
    color: #fff;
  }  
  .pressRoomContents.detail .twoLinkBtnBox .tabLinkBtn:nth-child(1):not(.noHover):hover {
    background: #7BBB46;
  }
}



/* ==========================================================================

ボーダーボックス

========================================================================== */
.borderMainBox {
  border: 2px solid #1a4375;
  background: #fff;
  padding: 18px 20px;
}
@media only screen and (max-width: 959px) {
  .borderMainBox {
    padding: 18px 5px;
  }
  .borderMainBox span {
    display: block;
  }
}

/* ==========================================================================

イメージ画像１ボックス

========================================================================== */
.imgOneBox {
  max-width: 620px;
  margin: 0 auto;
}
.imgOneBox img {
  width: 100%;
}


/* ==========================================================================

ラベル

========================================================================== */
.labelBox {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  flex-wrap: wrap;
}
.labelBox .label {
  color: #333;
  font-size: 1.3rem;
  text-align: center;
  background: #ffe3c1;
  padding: 1px 10px;
  margin-right: 10px;
  margin-bottom: 10px;
  letter-spacing: -.02em;
}
@media only screen and (max-width: 959px) {
  .labelBox .label {
    line-height: 1.5;
  }
}

.labelBox .label:last-of-type {
  margin-right: 0;
}


/* ==========================================================================

アンカーブロック

========================================================================== */
[data-area="content"] .cp-anchor-menu ul,
[data-area="content"] .cp-anchor-menu ol {
  margin: 0;
}

[data-area="content"] .cp-anchor-menu li {
  padding-left: 0;
  margin-right: 30px;
  margin-bottom: 5px;
  text-indent: 0;
}
@media only screen and (max-width: 959px) {
  [data-area="content"] .cp-anchor-menu li {
    margin-right: 18px;
  }
}

[data-area="content"] .cp-anchor-menu li::before,
[data-area="content"] .cp-anchor-menu li::after {
  display: none;
}

.cp-anchor-menu a {
  color: #4e6db9 !important;
  text-decoration: none;
  display: block;
  padding: 0;
  transition: .2s;
  font-size: 1.4rem;
}
@media screen and (min-width: 960px) {
  .cp-anchor-menu a:not(.noHover):hover {
    color: #fe9618 !important;
  }  
}


/* ==========================================================================

欧洲足球联赛_中国足彩网￥真诚推荐

========================================================================== */
.single .singleArea .specialArea .cp-h3-text {
  font-weight: 400;
  font-size: 1.6rem;
  letter-spacing: .05em;
  padding: 0;
  margin: 0;
  border: none;
  text-align: center;
  height: 40px;
  line-height: 40px;
  white-space: nowrap;
}

.single .singleArea .specialArea .cp-h3-text::before {
  content: '';
  width: 100%;
  height: 1px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto 0;
  background: #ddd;
  z-index: 1;
}

.single .singleArea .specialArea .cp-h3-text::after {
  z-index: 2;
  content: '';
  width: 240px;
  height: 40px;
  margin: 0 auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: #4e6e94; /* Old browsers */
  background: -moz-linear-gradient(left,  #4e6e94 0%, #1a4375 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left,  #4e6e94 0%,#1a4375 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right,  #4e6e94 0%,#1a4375 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e6e94', endColorstr='#1a4375',GradientType=1 ); /* IE6-9 */
}

.single .singleArea .specialArea .cp-h3-text span {
  position: relative;
  z-index: 10;
  color: #fff;
}

.single .singleArea .specialArea .cp-h4-text {
  font-size: 3.6rem;
  color: #333;
  border-top: 0;
  padding: 0;
  font-weight: 400;
  margin: 30px 0 23px;
}
@media only screen and (max-width: 959px) {
  .single .singleArea .specialArea .cp-h4-text {
    font-size: 3rem;
    margin: 23px 0 15px;
  }
}

.single .singleArea .specialArea .cp-h4-text::before {
  display: none;
}

.single .singleArea .specialArea .lead2 {
  font-size: 1.8rem;
}

.single .singleArea .specialArea .lead1 {
  font-weight: 400;
  border-top: 1px solid #ddd;
  font-size: 3.6rem;
  text-align: center;
  color: #333;
  line-height: 1;
  padding: 60px 0;
  letter-spacing: -.01em;
}
@media only screen and (max-width: 959px) {
  .single .singleArea .specialArea .lead1 {
    font-size: 3rem;
    padding: 30px 0;
  }
}

.single .singleArea .specialArea .cp-text.cp-text-col2.cp-all .lead2 {
  font-weight: 400;
  font-size: 1.5rem;
  letter-spacing: .05em;
  padding: 0;
  border: none;
  text-align: center;
  white-space: nowrap;
  position: relative;
  margin: 0 0 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 959px) {
  .single .singleArea .specialArea .cp-text.cp-text-col2.cp-all .lead2 {
    margin: 15px 0 6px;
  }
}

.single .singleArea .specialArea .cp-text.cp-text-col2.cp-all .lead2::before {
  content: '';
  width: 100%;
  height: 1px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto 0;
  background: #989898;
  z-index: 1;
  display: block;
}

.single .singleArea .specialArea .cp-text.cp-text-col2.cp-all .lead2 span {
  position: absolute;
  top: -10px;
  bottom: 0;
  z-index: 10;
  color: #1a4375;
  background: #fff;
  margin: 0 auto;
  letter-spacing: -.02em;
  padding: 0 12px;
  text-align: center;
}

.single .singleArea .specialArea .cp-text.cp-text-col2.cp-all .cp-inner {
  text-align: center;
  padding: 0 0 70px;
}
@media only screen and (max-width: 959px) {
  .single .singleArea .specialArea .cp-text.cp-text-col2.cp-all .cp-inner {
    padding: 0 0 35px;
  }
}

.single .singleArea .specialArea .cp-text.cp-text-col2.cp-all .cp-inner > span {
  line-height: 1;
}
@media only screen and (max-width: 959px) {
  .single .singleArea .specialArea .cp-text.cp-text-col2.cp-all .cp-inner > .cp-font-size {
    font-size: 4.8rem !important;
  }
}

/* ==========================================================================

吹き出し

========================================================================== */
.speechBubble {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  flex-wrap: nowrap;
  max-width: 980px;
  margin: 0 0 20px;
  position: relative;
}
@media only screen and (max-width: 959px) {
  .speechBubble {
    display: block;
    margin: 0 0 30px;
  }
}

.speechBubble::after {
  content:'';
  background: #1a4375;
  position: absolute;
  height: 1px;
  top: 39px;
  left: 9.387755102040817%;
  width: 7.857142857142857%;
  z-index: 2;
}
@media screen and (max-width: 1280px) and (min-width: 1200px) {
  .speechBubble::after {
    left: 97px;
    width: 4.857143%;
  }
}

@media screen and (max-width: 1199px) and (min-width: 960px) {
  .speechBubble::after {
    left: 0;
    width: 100%;
  }
}

@media only screen and (max-width: 959px) {
  .speechBubble::after {
    left: 0;
    top: 88px;
    right: 0;
    margin: 0 auto;
    width: 1px;
    height: 18px;
  }
}

.speechBubble .personality {
  border-radius: 80px;
  width: 80px;
  height: 80px;
  overflow: hidden;
  border: 1px solid #1a4375;
  position: relative;
  z-index: 10;
}
@media only screen and (max-width: 959px) {
  .speechBubble .personality {
    margin: 0 auto;
  }
}

.speechBubble .personality img {
  margin: 0 !important;
  max-width: inherit !important;
}

.speechBubble .ex {
  width: 81.63265306122449%;
  margin-left: auto;
  background: #fff;
  position: relative;
  z-index: 10;
}
@media only screen and (max-width: 959px) {
  .speechBubble .ex {
    width: 100%;
    margin: 30px 0 0;
  }
}

.speechBubble .ex .speechBubbleBox {
  border: 1px solid #1a4375;
  border-radius: 40px;
}

.speechBubble .ex .speechBubbleBox p {
  text-align: center;
  font-size: 2rem;
  padding: 23px 10px;
}
@media only screen and (max-width: 959px) {
  .speechBubble .ex .speechBubbleBox p {
    font-size: 1.6rem;
    padding: 10px 24px;
    line-height: 1.5;
  }
}

.speechBubble .ex .underTxt {
  font-size: 1.5rem;
  line-height: 1.8;
  padding: 20px 0 6px;
}
@media only screen and (max-width: 959px) {
  .speechBubble .ex .underTxt {
    padding: 10px 0 6px;
  }
}

/* ==========================================================================

学部INDEX用：学部リスト

========================================================================== */
@media only screen and (max-width: 959px) {
  .underBox {
    display: block;
    margin: 50px 0 0;
  }
}

.underBox:after {
  content: "";
  display: table;
  clear: both;
}

.underBox .navBox {
  overflow: hidden;
  width: 22.26027397260274%;
  float: left;
}
@media only screen and (max-width: 959px) {
  .underBox .navBox {
    width: 100%;
    margin: 0;
    float: none;
  }
}

.underBox .navBox .ttl {
  font-weight: 600;
  font-size: 1.8rem;
  letter-spacing: -.01em;
  position: relative;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
@media only screen and (max-width: 959px) {
  .underBox .navBox .ttl {
    font-size: 1.7rem;
    border-bottom: none;
  }
}

@media screen and (min-width: 960px) {
  .underBox .navBox .ttl a:not(.noHover):hover {
    color: #fff;
    background: #1a4375;
  }
}

/* リンク無し見出し */
.underBox .navBox .ttl .noLink {
  display: inline-block;
  width: 100%;
  padding: 15px 10px;
}
@media only screen and (max-width: 959px) {
  .underBox .navBox .ttl .noLink {
    padding: 14px 0 14px 10px;
  }
}

.underBox .navBox .ttl a::after {
  -webkit-transition: .2s;
  transition: .2s;
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 28px;
  z-index: 9;
  margin: auto 0;
  width: 28px;
  height: 28px;
  background-size: 28px 28px;
  background: url(/albums/css/basic-common/abm00000005.svg) no-repeat center center;
}
@media only screen and (max-width: 959px) {
  .underBox .navBox .ttl a::after {
    width: 25px;
    height: 25px;
    background-size: 25px 25px;
    right: 20px;
  }
}

.underBox .navBox .ttl a {
  -webkit-transition: .2s;
  transition: .2s;
  position: relative;
  display: inline-block;
  color: #333;
  width: 100%;
  padding: 15px 10px;
}
@media only screen and (max-width: 959px) {
  .underBox .navBox .ttl a {
    padding: 14px 0 14px 10px;
  }
}

.underBox .navBox .ttl.noLink {
  position: relative;
  cursor: default;
}
.underBox .navBox .ttl.noLink::before {
  position: absolute;
  background: transparent;
  top: 0;
  left: 0;
  content: '';
  width: 100%;
  height: 100%;
  z-index: 10;
}

@media screen and (min-width: 960px) {
  .underBox .navBox .ttl.noLink a:not(.noHover):hover {
    color: #333;
    background: none;
  }
}
.underBox .navBox .ttl.noLink a::after {
  display: none;
}


.underBox .navBox .ttl span {
    padding-right: 60px;
    display: block;
}

.underBox .navBox .navlists {
    padding: 15px 0 53px 10px;
}
@media only screen and (max-width: 959px) {
  .underBox .navBox .navlists {
    padding: 15px 0 20px 10px;
    border-top: 1px solid #ddd;
  }
}

.underBox .navBox .navlists .navlist a {
  -webkit-transition: .2s;
  transition: .2s;
  position: relative;
  font-size: 1.4rem;
  color: #333;
  display: block;
  margin: 0 0 6px;
  padding: 0 25px 0 0;
}
@media only screen and (max-width: 959px) {
  .underBox .navBox .navlists .navlist a {
    font-size: 1.6rem;
  }
}

@media screen and (min-width: 960px) {
  .underBox .navBox .navlists .navlist a:not(.noHover):hover {
    color: #999;
  }
}


.underBox.lineup {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.underBox.lineup .navBox {
  float: none;
  margin-right: 3.65%;
}
@media only screen and (max-width: 959px) {
  .underBox.lineup .navBox {
    margin-right: 0;
  }
}

.underBox.lineup .navBox:nth-child(4n) {
  margin-right: 0;
}

.underBox.lineup .navBox:last-of-type {
  margin: 0;
}

.underBox .linkbtnBoxes {
  float: right;
  width: 73.97260273972603%;
  margin-left: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: nowrap;
}
@media only screen and (max-width: 959px) {
  .underBox .linkbtnBoxes {
    width: 100%;
    margin-left: 0;
    display: block;
    float: none;
  }
}

.underBox .linkbtnBoxes .linkbtnBox {
  width: 32.77777777777778%;
  margin-right: 0.8333333333333334%;
}
@media only screen and (max-width: 959px) {
  .underBox .linkbtnBoxes .linkbtnBox {
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
  }
}

.underBox .linkbtnBoxes .linkbtnBox:last-of-type {
  margin-right: 0;
}
@media only screen and (max-width: 959px) {
  .underBox .linkbtnBoxes .linkbtnBox:last-of-type {
    height: auto;
    width: 100%;
    margin-right: 0;
  }
}

.underBox .linkbtnBoxes .linkbtnBox a {
  display: flex;
  justify-content: center;
  align-items: center;
  transition: .2s;
  position: relative;
  width: 100%;
  height: 100%;
  background: #1a4375;
  font-size: 1.8rem;
  padding: 0 0;
  text-align: center;
}
@media screen and (min-width: 960px) {
  .underBox .linkbtnBoxes .linkbtnBox a:not(.noHover):hover {
    background: #e68d23;
  }
}
@media only screen and (max-width: 959px) {
  .underBox .linkbtnBoxes .linkbtnBox a {
    font-size: 1.6rem;
    line-height: 1.25;
  }
}

/* 助産師スタイル */
.underBox .linkbtnBoxes.midwifery .linkbtnBox a {
  box-shadow: 0 0 0 1px #dfdfdf;
  transition: .2s;
  color: #ea6e69;
  background: #f3f6f6; /* Old browsers */
  background: -moz-linear-gradient(left,  #f3f6f6 0%, #f3f6f6 50%, #f6fafd 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left,  #f3f6f6 0%,#f3f6f6 50%,#f6fafd 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right,  #f3f6f6 0%,#f3f6f6 50%,#f6fafd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f6f6', endColorstr='#f6fafd',GradientType=1 ); /* IE6-9 */
}
@media screen and (min-width: 960px) {
  .underBox .linkbtnBoxes.midwifery .linkbtnBox a:not(.noHover):hover {
    box-shadow: 0 0 0 1px #ea6e69;
    background: #ea6e69; /* Old browsers */
  }
  .underBox .linkbtnBoxes.midwifery .linkbtnBox a:not(.noHover):hover span {
    color: #fff;
  }
}
@media only screen and (max-width: 959px) {
  .underBox .linkbtnBoxes.midwifery .linkbtnBox a {
    background: #f3f6f6; /* Old browsers */
    background: -moz-linear-gradient(top,  #f6fafd 0%, #f3f6f6 50%, #f3f6f6 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #f6fafd 0%,#f3f6f6 50%,#f3f6f6 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #f6fafd 0%,#f3f6f6 50%,#f3f6f6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6fafd', endColorstr='#f3f6f6',GradientType=0 ); /* IE6-9 */
  }
}

.underBox .linkbtnBoxes .linkbtnBox a span {
  color: #fff;
  margin: 126px 20px 32px;
}
.underBox .linkbtnBoxes.midwifery .linkbtnBox a span {
  transition: .2s;
  color: #ea6e69;
}
@media only screen and (max-width: 959px) {
  .underBox .linkbtnBoxes .linkbtnBox a span {
    margin: 85px 5px 30px;
  }
}

/* アイコン指定 */
.underBox .linkbtnBoxes .linkbtnBox:nth-child(1) a::before {
  position: absolute;
  content: '';
  top: 55px;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 71px;
  height: 40px;
  background: url(/albums/css/basic-common/abm00000106.svg) no-repeat center center;
  background-size: 71px 40px;
}
.underBox .linkbtnBoxes.midwifery .linkbtnBox:nth-child(1) a::before {
  background: url(/albums/css/basic-common/abm00000107.svg) no-repeat center center;
}
@media screen and (min-width: 960px) {
  .underBox .linkbtnBoxes.midwifery .linkbtnBox:nth-child(1) a:not(.noHover):hover::before {
    background: url(/albums/css/basic-common/abm00000106.svg) no-repeat center center;
  }
}
@media only screen and (max-width: 959px) {
  .underBox .linkbtnBoxes .linkbtnBox:nth-child(1) a::before {
    top: 26px;
  }
}

.underBox .linkbtnBoxes .linkbtnBox:nth-child(2) a::before {
  position: absolute;
  content: '';
  top: 53px;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 44px;
  height: 44px;
  background: url(/albums/css/basic-common/abm00000104.svg) no-repeat center center;
  background-size: 44px 44px;
}
.underBox .linkbtnBoxes.midwifery .linkbtnBox:nth-child(2) a::before {
  background: url(/albums/css/basic-common/abm00000111.svg) no-repeat center center;
}
@media screen and (min-width: 960px) {
  .underBox .linkbtnBoxes.midwifery .linkbtnBox:nth-child(2) a:not(.noHover):hover::before {
    background: url(/albums/css/basic-common/abm00000110.svg) no-repeat center center;
  }
}
@media only screen and (max-width: 959px) {
  .underBox .linkbtnBoxes .linkbtnBox:nth-child(2) a::before {
    top: 24px;
  }
}

.underBox .linkbtnBoxes .linkbtnBox:nth-child(3) a::before {
  position: absolute;
  content: '';
  top: 55px;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 51px;
  height: 40px;
  background: url(/albums/css/basic-common/abm00000105.svg) no-repeat center center;
  background-size: 51px 40px;
}
.underBox .linkbtnBoxes.midwifery .linkbtnBox:nth-child(3) a::before {
  background: url(/albums/css/basic-common/abm00000108.svg) no-repeat center center;
}
@media screen and (min-width: 960px) {
  .underBox .linkbtnBoxes.midwifery .linkbtnBox:nth-child(3) a:not(.noHover):hover::before {
    background: url(/albums/css/basic-common/abm00000105.svg) no-repeat center center;
  }
}
@media only screen and (max-width: 959px) {
  .underBox .linkbtnBoxes .linkbtnBox:nth-child(3) a::before {
    top: 28px;
  }
}


/* ==========================================================================

リンク無しバナー

========================================================================== */
.bannerBoxes {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media only screen and (max-width: 959px) {
  .bannerBoxes {
    display: block;
  }
}

.bannerBoxes .bannerBox {
  color: #333;
  text-align: center;
  box-sizing: border-box;
  width: 31.9047619047619%;
  margin-right: 2.142857142857143%;
  box-shadow: 0 0 0 2px #1a4375 inset;
}
@media only screen and (max-width: 959px) {
  .bannerBoxes .bannerBox {
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
  }
}

/* ２段の場合 */
.bannerBoxes.two {
  justify-content: space-between;
}
.bannerBoxes.two .bannerBox {
  margin: 0;
  width: 48.5%;
}
@media only screen and (max-width: 959px) {
  .bannerBoxes.two .bannerBox {
    width: 100%;
    margin-bottom: 10px;
  }
}

.bannerBoxes .bannerBox:last-of-type {
  margin-right: 0;
}
@media only screen and (max-width: 959px) {
  .bannerBoxes .bannerBox:last-of-type {
    width: 100%;
    margin-bottom: 0;
  }
}

.bannerBoxes .bannerBox .bannerInner {
  padding: 33px 10px;
}
@media only screen and (max-width: 959px) {
  .bannerBoxes .bannerBox .bannerInner {
    padding: 20px 10px;
  }
}

.bannerBoxes .bannerBox .ttl {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1;
  margin: 0 0 6px;
}

.bannerBoxes .bannerBox p {
  font-size: 1.4rem;
}

/* 助産師ブロック */
.bannerBoxes.midwife .bannerBox {
  box-shadow: 0 0 0 2px #ea6e69 inset;
}

.bannerBoxes.midwife .bannerBox .bannerInner {
  color: #ea6e69;
}


/* ==========================================================================

日時ブロック

========================================================================== */
.dateAndTimeBoxes {
  border-top: 1px solid #d4d4d4;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: nowrap;
  padding: 28px 0;
}
@media screen and (min-width: 0px) and (max-width: 1200px) {
  .dateAndTimeBoxes {
    display: block;
  }
}

.dateAndTimeBoxes .leftBox {
  width: 64.28571428571429%;
  margin-right: auto;
}
@media screen and (min-width: 960px) and (max-width: 1200px) {
  .dateAndTimeBoxes .leftBox {
    width: 100%;
    margin-right: 0;
  }
}
@media only screen and (max-width: 959px) {
  .dateAndTimeBoxes .leftBox {
    width: 100%;
    margin-right: 0;
  }
}

.dateAndTimeBoxes .leftBox p {
  font-size: 1.4rem;
  line-height: 1.7;
  margin: 30px 0 0;
}

.dateAndTimeBoxes .rightBox {
  width: 28.119048%;
  margin-right: 1.133%;
}
@media screen and (min-width: 960px) and (max-width: 1200px) {
  .dateAndTimeBoxes .rightBox {
    width: 55.119048%;
    margin: 30px 0 0;
  }
}
@media only screen and (max-width: 959px) {
  .dateAndTimeBoxes .rightBox {
    width: 100%;
    margin: 30px 0 0;
  }
}

.dateAndTimeBoxes .rightBox table th,
.dateAndTimeBoxes .rightBox table td {
  padding: 0;
  border: 0;
  font-size: 1.4rem;
  background: none;
  line-height: 1.4;
}

.dateAndTimeBoxes .rightBox table th {
  vertical-align: top;
  width: 60px;
  -moz-text-align-last: justify;
  text-align-last: justify;
  padding: 0 0 5px;
  white-space: nowrap;
}

@media only screen and (max-width: 959px) {
  .dateAndTimeBoxes .rightBox table th {
    text-align-last: left;
    width: 3%;
  }
}

.dateAndTimeBoxes .rightBox table td {
  word-break: break-all;
  vertical-align: top;
  padding: 0 0 5px;
}


/* ==========================================================================

上部情報

========================================================================== */
.upperTxtBox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: nowrap;
  font-size: 1.5rem;
  margin: 0 0 62px;
}
@media only screen and (max-width: 959px) {
  .upperTxtBox {
    display: block;
    font-size: 1.6rem;
    margin: 0 0 35px;
  }
}

.upperTxtBox .pageTxt {
  margin-right: auto;
}

.upperTxtBox .linkTxt a {
  color: #1a4375;
}
@media screen and (min-width: 960px) {
  .upperTxtBox .linkTxt a:not(.noHover):hover {
    text-decoration: underline;
  }  
}
@media only screen and (max-width: 959px) {
  .upperTxtBox .linkTxt {
    display: none;
  }
}





/* ==========================================================================

タブオリジナルブロック（2つ3つパターン）

========================================================================== */
.tabWrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
}

.tabWrap.two .tabLabel {
  width: 50%;
}

.tabWrap.three .tabLabel {
  width: 33.33333333333333%;
}

.tabWrap .tabLabel {
  cursor: pointer;
  padding: 26px 0;
  text-align: center;
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -ms-flex-order: -1;
  order: -1;
  color: #174277;
  background: #fff;
  font-size: 1.8rem;
  -webkit-transition: .2s;
  transition: .2s;
  -webkit-box-shadow: 0 0 0 1px #174277;
  box-shadow: 0 0 0 1px #174277;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.tabWrap .tabContent {
  width: 100%;
  padding: 48px 0;
  display: none;
}
@media only screen and (max-width: 959px) {
  .tabWrap .tabContent {
    padding: 24px 0;
  }
}

.tabWrap .tabSwitch {
  display: none;
}

.tabWrap .tabSwitch:checked+.tabLabel {
  color: #fff;
  background: #174277;
}

.tabWrap .tabSwitch:checked+.tabLabel+.tabContent {
  display: block;
}

@media only screen and (max-width: 959px) {
  .tabWrap .tabLabel {
    padding: 8px 0;
    font-size: 1.3rem;
    line-height: 1.4;
  }

  .tabWrap .tabContent {
    padding: 10px 0;
  } 
}

@media screen and (min-width: 960px) {
  .tabWrap .tabLabel:not(.noHover):hover {
    color: #fff;
    background: #174277;
  }
}


/* ==========================================================================

プルダウン装飾

========================================================================== */
.selectColumn .select {
  cursor: pointer;
  position: relative;
  color: #333;
  width: 160px;
  height: 40px;
  font-size: 1.5rem;
}

.selectColumn .selectStyled {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 1px solid #cbcbcb;
  background: #fff;
  -webkit-transition: all .2s ease-in;
  transition: all .2s ease-in;
  padding: 3px 15px;
}

/* 作業療法学科をもっと詳しく */
.tabsBox .selectColumn .selectStyled {
  padding: 8px 15px; 
}
@media only screen and (max-width: 959px) {
  .tabsBox .selectColumn .selectStyled {
    padding: 8px 15px; 
  }
}

.selectColumn .selectStyled:after {
  content: '';
  width: 5px;
  height: 5px;
  border-top: 1px solid #999;
  border-right: 1px solid #999;
  position: absolute;
  top: -4px;
  bottom: 0;
  right: 15px;
  margin: auto 0;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

.selectColumn .selectStyled:hover {
  color: #fff;
  background: #174277;
  border: 1px solid #174277;
}

.selectColumn .selectStyled:hover:after {
  border: none;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
}

.selectColumn .selectStyled:active,
.selectColumn .selectStyled.active {
  color: #fff;
  background: #174277;
  border: 1px solid #174277;
}

.selectColumn .selectStyled:active:after,
.selectColumn .selectStyled.active:after {
  width: 5px;
  height: 5px;
  border: none;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #fff;
  top: 4px;
}

.selectColumn .selectOptions {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  z-index: 1000;
  margin: 0;
  padding: 0;
  list-style: none;
  background: #174277;
  overflow-y: scroll;
  height: 294px;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.selectColumn .selectOptions::-webkit-scrollbar{
  display:none;
}
@media only screen and (max-width: 959px) {
  .selectColumn .selectOptions{
    height: 182px;
  }
}

.selectColumn .selectOptions li {
  color: #fff;
  font-size: 1.5rem;
  margin: 0;
  padding: 12px 0;
  text-indent: 15px;
  list-style: none !important;
  border-top: 1px solid #fff;
  -webkit-transition: all .15s ease-in;
  transition: all .15s ease-in;
  list-style: none !important;
}

.selectColumn .selectOptions li::before {
  display: none;
}

.selectColumn .selectOptions li[rel='hide'] {
  display: none;
}

@media screen and (min-width: 960px) {
  .selectColumn .selectOptions li:hover {
    background: rgba(255, 255, 255, .2);
  }
}

@media only screen and (max-width: 959px) {
  .selectColumn .selectColumn {
    margin: 0 0 35px;
  }
  .selectColumn .select {
    width: 135px;
    height: 38px;
    font-size: 1.2rem;
  }
  .selectColumn .selectStyled {
    padding: 7px 15px;
  }
  .selectColumn .selectStyled:after {
    right: 10px;
  }
  .selectColumn .selectOptions li {
    font-size: 1.3rem;
  } 
}


/* ==========================================================================

分類

========================================================================== */
.tabsBox {
  position: relative;
}

.tabsBox .selectColumn {
  position: absolute;
  top: 15px;
  left: 0;
  z-index: 10;
}
@media only screen and (max-width: 959px) {
  .tabsBox .selectColumn {
    position: static;
  }
}

.tabsBox ul.tabs {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  overflow: hidden;
  width: auto;
  margin: 0 0 50px;
  list-style: none !important;
}
@media only screen and (max-width: 959px) {
  .tabsBox ul.tabs {
    margin: 20px 0 15px;
  }
}

.tabsBox ul.tabs li {
    text-align: center;
    line-height: 1;
    white-space: nowrap;
    width: 90px;
    font-size: 1.2rem;
    transition: .2s;
    position: relative;
    cursor: pointer;
    letter-spacing: -.05em;
    list-style: none !important;
    padding-left: 0;
    text-indent: 0;
}
@media screen and (max-width: 1280px) and (min-width: 960px){
  .tabsBox ul.tabs li {
    white-space: normal;
    width: 66px;
  }
}
@media only screen and (max-width: 959px) {
  .tabsBox ul.tabs li {
    white-space: normal;
    margin: 0 0 10px;
  }
}

.tabsBox ul.tabs li::before {
  content: '';
  display: block;
  vertical-align: middle;
  margin: 0 auto 6px;
  width: 50px;
  height: 50px;
  background-size: 50px 50px;
  transition: .2s;
  left: inherit;
}
.tabsBox ul.tabs li:nth-child(1)::before {
  background: url(/albums/css/basic-common/abm00000078.svg) no-repeat center center;
}
.tabsBox ul.tabs li:nth-child(2)::before {
  background: url(/albums/css/basic-common/abm00000077.svg) no-repeat center center;
}
.tabsBox ul.tabs li:nth-child(3)::before {
  background: url(/albums/css/basic-common/abm00000076.svg) no-repeat center center;
}
.tabsBox ul.tabs li:nth-child(4)::before {
  background: url(/albums/css/basic-common/abm00000075.svg) no-repeat center center;
}
.tabsBox ul.tabs li:nth-child(5)::before {
  background: url(/albums/css/basic-common/abm00000074.svg) no-repeat center center;
}

@media screen and (min-width: 960px) {
  .tabsBox ul.tabs li:not(.noHover):hover {
    color: #fe9618;
  }
  .tabsBox ul.tabs li:nth-child(1):not(.noHover):hover::before {
    background: url(/albums/css/basic-common/abm00000114.svg) no-repeat center center;
  }
  .tabsBox ul.tabs li:nth-child(2):not(.noHover):hover::before {
    background: url(/albums/css/basic-common/abm00000115.svg) no-repeat center center;
  }
  .tabsBox ul.tabs li:nth-child(3):not(.noHover):hover::before {
    background: url(/albums/css/basic-common/abm00000116.svg) no-repeat center center;
  }
  .tabsBox ul.tabs li:nth-child(4):not(.noHover):hover::before {
    background: url(/albums/css/basic-common/abm00000117.svg) no-repeat center center;
  }
  .tabsBox ul.tabs li:nth-child(5):not(.noHover):hover::before {
    background: url(/albums/css/basic-common/abm00000113.svg) no-repeat center center;
  }
}

.tabsBox ul.tabs li.current:nth-child(1)::before {
  background: url(/albums/css/basic-common/abm00000114.svg) no-repeat center center;
}
.tabsBox ul.tabs li.current:nth-child(2)::before {
  background: url(/albums/css/basic-common/abm00000115.svg) no-repeat center center;
}
.tabsBox ul.tabs li.current:nth-child(3)::before {
  background: url(/albums/css/basic-common/abm00000116.svg) no-repeat center center;
}
.tabsBox ul.tabs li.current:nth-child(4)::before {
  background: url(/albums/css/basic-common/abm00000117.svg) no-repeat center center;
}
.tabsBox ul.tabs li.current:nth-child(5)::before {
  background: url(/albums/css/basic-common/abm00000113.svg) no-repeat center center;
}

.tabsBox ul.tabs li.current {
  color: #fe9618;
}


/* 分類されるボックス
-------------------------------------------------------------*/
#classificationBox {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: justify;
  justify-content: space-between;
  align-content: space-between;
  flex-direction:row;
}

#classificationBox .classlist {
  width: 23.70689655172414%;
  align-self: stretch; 
  margin: 0 0 30px;
}
@media screen and (min-width: 641px) and (max-width: 959px) {
  #classificationBox .classlist {
    width: 46.5%;
  }
}
@media screen and (max-width: 640px) {
  #classificationBox .classlist {
    width: 100%;
    margin: 0 0 40px;
  }
  #classificationBox .classlist:not(.empty):last-of-type {
    margin: 0;
  }
}

#classificationBox .classlist a {
  display: block;
  width: 100%;
  height: 100%;
  color: #333;
  transition: .2s;
}
@media screen and (min-width: 960px) {
  #classificationBox .classlist a:hover {
    opacity: .7;
  }
}


#classificationBox .classlist.empty {
  margin: 0;
  padding: 0;
  height: 0;
}

#classificationBox .classlist a img {
  width: 100%;
  display: block;
}

#classificationBox .classlist a .ex h2 {
  font-size: 1.5rem;
  padding: 12px 0 6px;
}
#classificationBox .classlist a .ex p {
  font-size: 1.3rem;
  color: #555;
}


/* モーダルウィンドウ
-------------------------------------------------------------*/
[data-area="content"] .modalContent {
  top: 20px;
  width: 1160px;
  height: auto;
  display: none;
  z-index: 1002;
  position: fixed;
  overflow-y: scroll;
}
@media screen and (max-width: 1168px) {
  [data-area="content"] .modalContent {
    width: 100%;
    left: 0 !important;
    top: 0 !important;
    height: 100%;
  }
}

[data-area="content"] .modalContent.isShows {
  display: block;
}

[data-area="content"] .modalContent .close {
  top: 5px;
  right: 31px;
  position: absolute;
  display: block;
  font-size: 6rem;
  cursor: pointer;
  font-weight: 100;
  color: #333;
  z-index: 100;
}
@media only screen and (max-width: 959px) {
  [data-area="content"] .modalContent .close {
    font-size: 4rem;
    top: 0;
    right: 15px;
  }
}

[data-area="content"] .modalContent .modalMain {
  color: #333;
  background: #f5f5f5;
  padding: 56px 46px;
  border: 4px solid #ccc;
}
@media only screen and (max-width: 959px) {
  [data-area="content"] .modalContent .modalMain {
    min-height: 100%;
    padding: 30px 15px;
    border: 2px solid #ccc;
  }
}

[data-area="content"] .modalContent .modalMain .mainProfile {
  display: flex;
  align-items: center;
  margin: 0 0 50px;
}
@media only screen and (max-width: 959px) {
  [data-area="content"] .modalContent .modalMain .mainProfile {
    display: block;
    margin: 35px 0 0;
  }
}

@media only screen and (max-width: 959px) {
  [data-area="content"] .modalContent .modalMain .imgBox {
    max-width: 300px;
    margin: 0 auto;
  }
}

[data-area="content"] .modalContent .modalMain img {
  width: 100%;
}

[data-area="content"] .modalContent .modalMain .mainProfile .cp-h2-text {
  position: relative;
  font-weight: 500;
  font-size: 4rem;
  margin: 0 0 0 50px;
  padding: 24px 0 0;
  letter-spacing: -.03em;
  line-height: 1.4;
  border: none;
}
@media only screen and (max-width: 959px) {
  [data-area="content"] .modalContent .modalMain .mainProfile .cp-h2-text {
    font-size: 2.4rem;
    padding: 12px 0 40px;
    margin: 25px 0 0;
  }
}

[data-area="content"] .modalContent .modalMain .mainProfile .cp-h2-text::before {
    content: '';
    position: absolute;
    top: -1px;
    left: 0;
    margin: 0;
    z-index: 10;
    width: 32px;
    height: 2px;
    background: #1a4375;
}

[data-area="content"] .modalContent .modalMain .lead2,
[data-area="content"] .modalContent .modalMain .cp-h3-text {
  font-size: 2rem;
  margin: 0 0 17px;
  font-weight: 500;
  font-size: 1.8rem;
  color: #1a4375;
  line-height: 1.4;
  letter-spacing: -.03em;
  border: none;
  padding: 0;
}

[data-area="content"] .modalContent .modalMain .cp-h3-text::before {
  display: none;
}


[data-area="content"] .modalContent .modalMain p,
[data-area="content"] .modalContent .modalMain .quesTxt {
  font-size: 1.5rem;
  margin: 0 0 52px;
}
@media only screen and (max-width: 959px) {
  [data-area="content"] .modalContent .modalMain p,
  [data-area="content"] .modalContent .modalMain .quesTxt {
    margin: 0 0 30px;
  }
}




/* オーバーレイのスタイル
-------------------------------------------------------------*/
#normalModalOverlay {
  top: 0;
  left: 0;
  width: 100%;
  height: 120%;
  z-index: 10;
  display: none;
  position: fixed;
  background-color: rgba(0,0,0, .8);
}
#normalModalOverlay.youtube {
  z-index: 11;
}


/* サイトマップ
-------------------------------------------------------------*/
.sitemapBox {
  padding: 37px 0 0;
}
@media screen and (max-width: 1280px) and (min-width: 0px){
  .sitemapBox {
    padding: 20px 0 0;
  }
}

.sitemapBox .mapLists {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: justify;
  justify-content: space-between;
  align-content: space-between;
  flex-direction: row;
}

.sitemapBox .mapLists > .mapList {
  width: 23.31%;
  align-self: stretch;
  margin-bottom: 45px;
  overflow: hidden;
}
@media screen and (max-width: 1280px) and (min-width: 960px){
  .sitemapBox .mapLists > .mapList {
    width: 48.2%;
    margin-bottom: 35px;
  }
}
@media only screen and (max-width: 959px) {
  .sitemapBox .mapLists > .mapList {
    width: 100%;
    margin: 0;
  }
  .sitemapBox .mapLists > .mapList:last-of-type {
    margin: 0;
  }
}

.sitemapBox .mapLists > .mapList.empty {
  margin: 0;
  padding: 0;
  height: 0;
}

/* 訪問者別の対応 */
.sitemapBox .mapLists .visitor2 .index3 {
  display: none;
}
.sitemapBox .mapLists .visitor2 .ctsc3 {
  display: none;
}

.sitemapBox .lv2-item {
  font-weight: 600;
  font-size: 1.8rem;
  letter-spacing: -.01em;
}

.sitemapBox .lv2-item .lv2-link {
  -webkit-transition: .2s;
  transition: .2s;
  position: relative;
  display: inline-block;
  color: #333;
  width: 100%;
  padding: 15px 10px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
@media screen and (min-width: 960px) {
  .sitemapBox .lv2-item .lv2-link:not(.noHover):hover {
    color: #fff;
    background: #1a4375;
  }
}

.sitemapBox .lv2-item .lv2-link::after {
  -webkit-transition: .2s;
  transition: .2s;
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 28px;
  z-index: 9;
  margin: auto 0;
  width: 28px;
  height: 28px;
  background-size: 28px 28px;
  background: url(/albums/css/basic-common/abm00000005.svg) no-repeat center center;
}

.sitemapBox .lv2-link span {
  padding-right: 60px;
  display: block;
}

.sitemapBox .lv2-folder {
  padding: 15px 0 53px 10px;
  font-weight: normal;
}
@media only screen and (max-width: 959px) {
  .sitemapBox .lv2-folder {
    padding: 15px 0 20px 10px;
  }
}

.sitemapBox .lv3-item {
  position: relative;
  font-size: 1.4rem;
  margin: 0 0 6px;
  padding: 0 25px 0 0;  
}
@media only screen and (max-width: 959px) {
  .sitemapBox .lv3-item {
    font-size: 1.6rem;
  }
}

.sitemapBox .lv3-item a {
  transition: .2s;
  position: relative;
  color: #333;
}
@media screen and (min-width: 960px){
  .sitemapBox .lv3-item a:not(.noHover):hover {
    color: #999;
    text-decoration: none;
  }
}

/* 4階層目非表示 */
.sitemapBox .lv4-item {
  display: none;
}


/* 薬用植物図鑑
-------------------------------------------------------------*/
.basicMedicinal {
  color: #fff;
  background: #1a4375;
  min-height: 420px;
  margin: 40px 0 0;
}
@media only screen and (max-width: 959px) {
  .basicMedicinal {
    margin: 20px 0 0;
  }
}


.basicMedicinal .medicinalTab {
  display: flex;
  justify-content: center;
  margin: 0;
  border-bottom: 1px solid #002e54;
}
@media only screen and (max-width: 959px) {
  .basicMedicinal .medicinalTab {
    display: block;
  }
}

.basicMedicinal .medicinalTab ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 0;
  padding: 26px 10px 16px;
}
@media only screen and (max-width: 959px) {
  .basicMedicinal .medicinalTab ul {
    padding: 20px 10px 10px 10px;
  }
}

.basicMedicinal .medicinalTab ul li {
  list-style: none;
  cursor: pointer;
  line-height: 1;
  margin-right: 20px;
  margin-bottom: 10px;
  padding: 13px 15px;
  border-radius: 7px;
  transition: .2s;
  text-align: center;
  font-size: 1.5rem;
  text-indent: 0;
}
@media only screen and (max-width: 959px) {
  .basicMedicinal .medicinalTab ul li {
    margin-right: 4px;
    padding: 14px 10px;
    font-size: 1.5rem;
    line-height: 1.2;
    margin-bottom: 10px;
    text-align: left;
  }
}

.basicMedicinal .medicinalTab ul li::before {
  display: none;
}

.basicMedicinal .medicinalTab ul li:last-child {
  margin-right: 0;
}
@media only screen and (max-width: 959px) {
  .basicMedicinal .medicinalTab ul li:last-child {
    margin-right: 0;
    margin-bottom: 10px;
  }
}

@media screen and (min-width: 960px) {
  .basicMedicinal .medicinalTab ul li:hover {
    background: #fff;
    color: #1a4375;
  }
}

.basicMedicinal .medicinalTab ul li.current {
  background: #fff;
  color: #1a4375;
}

.basicMedicinal .searchTxtBox {
  display: none;
}
@media only screen and (max-width: 959px) {
  .basicMedicinal .searchTxtBox {
    padding: 0 10px;
  }
}

.searchTxtBox .diseaseBox {
  overflow: hidden;
  position: relative;
  max-width: 282px;
  margin: 33px auto 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  height: 40px;
}
@media only screen and (max-width: 959px) {
  .searchTxtBox .diseaseBox {
    margin: 20px auto 0;
    max-width: 350px;
  }
}

.searchTxtBox .diseaseBox input[type='text'] {
    border: none;
    font-size: 1.4rem;
    width: 230px;
    padding: 5px;
    margin: 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
@media only screen and (max-width: 959px) {
  .searchTxtBox .diseaseBox input[type='text'] {
    width: 80.7%;
  }
}

.searchTxtBox .diseaseBox .submitSearchBtn {
    -webkit-transition: .2s;
    transition: .2s;
    float: right;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-indent: -9999px;
    cursor: pointer;
    border: none;
    width: 42px;
    height: 40px;
    background: url(/albums/css/basic-common/abm00000134.svg) center center no-repeat;
    background-size: 20px 20px;
}
.searchTxtBox .diseaseBox .submitSearchBtn[disabled]:not(.noHover):hover {
  cursor: not-allowed;
  background: url(/albums/css/basic-common/abm00000134.svg) center center no-repeat;
  background-size: 20px 20px;
}
@media screen and (min-width: 960px) {
  .searchTxtBox .diseaseBox .submitSearchBtn:not(.noHover):hover {
    background: #fe9618 url(/albums/css/basic-common/abm00000033.svg) center center no-repeat;
    background-size: 20px 20px;
  }
}

.basicMedicinal .searchTxtBox .tableArea {
  padding: 23px 0;
  display: flex;
  justify-content: center;
}
@media only screen and (max-width: 959px) {
  .basicMedicinal .searchTxtBox .tableArea {
    display: block;
    overflow: hidden;
    padding: 14px 0 10px;
  }
}

.basicMedicinal .searchTxtBox .tableArea table {
  border-spacing: 0;
  width: auto;
}
@media only screen and (max-width: 959px) {
  .basicMedicinal .searchTxtBox .tableArea table {
    width: 100%;
  }
}

.basicMedicinal .searchTxtBox .tableArea table td {
  width: 32px;
  padding: 12px 0; /* 1文字のパディングで広げる */
  line-height: 1;
  text-align: center;
  position: relative;
  border: 0;
  font-size: 1.4rem;
  color: #6987B2;
}
@media only screen and (max-width: 959px) {
  .basicMedicinal .searchTxtBox .tableArea table.alphabetSearch td {
    width: 20%;
  }
}

.basicMedicinal .searchTxtBox .tableArea table td.links {
  padding: 0; /* 1文字のパディングをなくす */
}
@media only screen and (max-width: 959px) {
  .basicMedicinal .searchTxtBox .tableArea table td.links {
    padding: 0; /* 1文字のパディングで広げる */
  }
}

.basicMedicinal .searchTxtBox .tableArea table td a {
  color: #fff;
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
  width: 32px;
  margin: 0 auto;
  height: 100%;
  height: 100%;
  transition: .2s;
  position: relative;
  text-decoration: none;
  border-radius: 4px;
  transition: .2s;
  z-index: 1;
  padding: 12px 0; /* 1文字のパディングで広げる */
}
@media screen and (min-width: 960px) {
  .basicMedicinal .searchTxtBox .tableArea table td a:hover {
    background: #002e54;
  }
}
@media only screen and (max-width: 959px) {
  .basicMedicinal .searchTxtBox .tableArea table td a {
    width: 100%;
    display: inline-block;
    padding: 12px 0; /* 1文字のパディングをなくす */
  }
}

.basicMedicinal .searchTxtBox .tableArea table td a.current {
  background: #002e54;
}
@media only screen and (max-width: 959px) {
  .basicMedicinal .searchTxtBox .tableArea table td a.current {
  }
}

/* 「薬剤師国家試験に出題された生薬の基原植物」用 */
.basicMedicinal .searchTxtBox .tableArea .tableScrollWrap {
  width: 100%;
  padding: 0 10px;
}
@media only screen and (max-width: 959px) {
  .basicMedicinal .searchTxtBox .tableArea .tableScrollWrap {
    padding: 0;
  }
}

.basicMedicinal .searchTxtBox .tableArea table.testQuestionSearch {
  width: 100%;
  border: 0;
}

.basicMedicinal .searchTxtBox .tableArea table.testQuestionSearch th {
  font-weight: normal;
  padding: 14px 10px;
  line-height: 1;
  text-align: left;
  color: #fff;
  border: none;
  background: #002e54;
}
@media only screen and (max-width: 959px) {
  .basicMedicinal .searchTxtBox .tableArea table.testQuestionSearch th {
    font-size: 1.5rem;
    padding: 14px 10px;
    line-height: 1.25;
  }
}

.basicMedicinal .searchTxtBox .tableArea table.testQuestionSearch td {
  color: #fff;
  padding: 5px 10px;
  line-height: 1.5;
  text-align: left;
}
@media only screen and (max-width: 959px) {
  .basicMedicinal .searchTxtBox .tableArea table.testQuestionSearch td {
    letter-spacing: normal;
    line-height: 1.4;
    padding: 6px;
  }
}

.basicMedicinal .searchTxtBox .tableArea table.testQuestionSearch td a {
  color: #fff;
  border-radius: 0;
  display: inline-block;
  text-decoration: underline;
  width: 100%;
  text-align: left;
}
@media only screen and (max-width: 959px) {
  .basicMedicinal .searchTxtBox .tableArea table.testQuestionSearch td a {
    width: auto;
  }
}

@media screen and (min-width: 960px) {
  .basicMedicinal .searchTxtBox .tableArea table.testQuestionSearch td a:hover {
    text-decoration: none;
    background: none;
  }
}

/* / 「薬剤師国家試験に出題された生薬の基原植物」用 */
#resultTtl {
  display: none;
  line-height: 1;
  font-size: 1.5rem;
  font-weight: 600;
  padding: 41px 0;
}
@media only screen and (max-width: 959px) {
  #resultTtl {
    font-size: 1.7rem;
    padding: 20px 0;
  }
}

#resultTtl.isShow {
  display: block;
}

#search_0.searchTxtBox {
  display: block;
}

.detailContents {
  display: none;
}

#diseaseData {
  display: none;
  position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: 20px auto;
    width: 1160px;
    z-index: 1002;
    background: #fff;
    overflow-y: scroll;
}
@media screen and (max-width: 1168px) {
  #diseaseData {
    width: 100%;
    left: 0;
    top: 0;
    height: 100%;
    margin: auto;
  }
}

#diseaseData .close {
  top: 5px;
  right: 37px;
  position: absolute;
  display: block;
  font-size: 6rem;
  cursor: pointer;
  font-weight: 100;
  color: #333;
}
@media only screen and (max-width: 959px) {
  #diseaseData .close {
    font-size: 4rem;
    top: 0;
    right: 15px;
  }
}

#diseaseData .diseaseDataInner {
  color: #333;
  padding: 130px 46px 56px;
  border: 4px solid #ccc;
  min-height: 90%;
}
@media screen and (max-width: 1168px) and (min-width: 0px) {
  #diseaseData .diseaseDataInner {
    min-height: 80%;
  }
}

@media only screen and (max-width: 959px) {
  #diseaseData .diseaseDataInner {
    padding: 65px 15px 30px;
  }
}

#diseaseData .detailTtl {
  border-top: 1px solid #d4d4d4;
  font-size: 2.8rem;
  padding: 30px 0;
}
@media only screen and (max-width: 959px) {
  #diseaseData .detailTtl {
    font-size: 2.4rem;
    padding: 19px 0;
  }
}

#diseaseData .detailMain {
  display: flex;
}
@media only screen and (max-width: 959px) {
  #diseaseData .detailMain {
    display: block;
  }
}

#diseaseData .detailMain .detailImgArea {
  width: 31.639501438159158%;
  margin-right: auto;
}
@media only screen and (max-width: 959px) {
  #diseaseData .detailMain .detailImgArea {
    width: 100%;
    margin-right: 0;
  }
}

#diseaseData .detailMain .detailImgArea .caption {
  font-size: 1.4rem;
  padding: 10px 0 24px;
  line-height: 1.5;
  text-align: center;
}
@media only screen and (max-width: 959px) {
  #diseaseData .detailMain .detailImgArea .caption {
    font-size: 1.5rem;
    padding: 8px 0 25px;
  }
}

@media screen and (min-width: 0px) and (max-width: 959px) {
  #diseaseData .detailMain .detailImgArea .detailImgBox {
    max-width: 425px;
    margin: 0 auto;
  }
}

#diseaseData .detailMain .detailImgArea .detailImgBox img {
  width: 100%;
}

#diseaseData .detailMain .detailExArea {
  width: 64.021093%;
}
@media only screen and (max-width: 959px) {
  #diseaseData .detailMain .detailExArea {
    width: 100%;
  }
}

#diseaseData .detailMain .detailExArea table th {
  width: 20%;
}
#diseaseData .detailMain .detailExArea table td {
  width: 80%;
}

#diseaseData .detailMain .detailExArea table th,
#diseaseData .detailMain .detailExArea table td {
  background: none;
  border: 1px solid #ccc;
  font-size: 1.4rem;
}
@media only screen and (max-width: 959px) {
  #diseaseData .detailMain .detailExArea table th,
  #diseaseData .detailMain .detailExArea table td {
   font-size: 1.6rem;
  }
}

#diseaseData .detailMain .detailExArea table tr:nth-child(odd) {
  background: #F5F5F5;
}

#diseaseData .detailMain .detailExArea .detailSttl {
  line-height: 1;
  margin: 30px 0 15px;
  font-size: 1.5rem;
}
@media only screen and (max-width: 959px) {
  #diseaseData .detailMain .detailExArea .detailSttl {
   font-size: 1.6rem;
  }
}

/* 検索されるボックス */
#diseaseLists {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: justify;
  justify-content: space-between;
  align-content: space-between;
  flex-direction: row;
}

#diseaseLists .diseaseList {
  width: 19.047619047619047%;
  align-self: stretch; 
  margin: 0 0 25px;
  opacity: 0;
}
@media screen and (min-width: 641px) and (max-width: 959px) {
  #diseaseLists .diseaseList {
    width: 46.5%;
  }
}
@media screen and (max-width: 640px) {
  #diseaseLists .diseaseList {
    width: 100%;
    margin: 0 0 35px;
  }
  #diseaseLists .diseaseList:not(.empty):last-of-type {
    margin: 0;
  }
}

#diseaseLists .diseaseList a {
  display: block;
  width: 100%;
  height: 100%;
  color: #333;
  text-decoration: none;
  transition: .2s;
}
@media screen and (min-width: 960px) {
  #diseaseLists .diseaseList a:hover {
    opacity: .7;
  }
}

#diseaseLists .diseaseList.empty {
  margin: 0;
  padding: 0;
  height: 0;
}

#diseaseLists .diseaseList a img {
  width: 100%;
  display: block;
}

#diseaseLists .diseaseList a .ex h3 {
  font-size: 1.4rem;
  padding: 11px 0 0;
  line-height: 1.5;
}
@media only screen and (max-width: 959px) {
  #diseaseLists .diseaseList a .ex h3 {
    font-size: 1.6rem;
    padding: 9px 0 0;
  }
}

/* XMLテーブルを非表示にする */
#xmlDataTable {
  display: none;
}


/* テーブル横スクロール
-------------------------------------------------------------*/
table.table-scroll {
  margin: 0;
  border-top: 1px solid #c6c6c6;
}
@media only screen and (max-width: 959px) {
  .tableScrollWrap{
    overflow: auto;
    white-space: nowrap;
  }
  .tableScrollWrap::-webkit-scrollbar{
    height: 5px;
  }
  .tableScrollWrap::-webkit-scrollbar-track{
    background: #F1F1F1;
  }
  .tableScrollWrap::-webkit-scrollbar-thumb {
    background: #BCBCBC;
  }
}


/* ==========================================================================

テキスト画像3：1

========================================================================== */
.threeOneBox {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  flex-flow: row-reverse;
}
@media only screen and (max-width: 959px) {
  .threeOneBox {
    display: block;
  }
}

.threeOneBox .imgRightBox {
  width: 20.1190476%;
  margin-left: auto;
}
@media only screen and (max-width: 959px) {
  .threeOneBox .imgRightBox {
    margin: 0 auto 25px;
    text-align: center;
    width: 100%;
  }
  .threeOneBox .imgRightBox img {
    margin: auto;
  }
}

.threeOneBox .imgRightBox .caption {
  line-height: 1.4;
  font-size: 1.4rem;
  margin: 7px 0 0;
}

.threeOneBox .mainTxt {
  width: 76.309534%;
}
@media only screen and (max-width: 959px) {
  .threeOneBox .mainTxt {
    width: 100%;
  }
}

.threeOneBox .mainTxt .cp-h4-text {
  margin-top: 0;
}


/* ==========================================================================

役職テーブル

========================================================================== */
.positionTable {
  border: 1px solid #999;
  border-bottom: none;
}

.positionTable .ttls {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  background: rgb(209, 213, 216);
}
.positionTable .ttls .ttl {
  width: 33.333333333%;
  align-self: stretch; 
  text-align: center;
  font-size: 1.5rem;
  padding: 10px 15px;
  border-right: 1px solid #999;
  border-bottom: 1px solid #999;
}
.positionTable .ttls .ttl:last-of-type {
  border-right: none;
}

.positionTable .positionGroup {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
.positionTable .positionGroup .positionTd {
  width: 33.333333333%;
  align-self: stretch; 
  font-size: 1.5rem;
  padding: 10px 15px;
  border-right: 1px solid #999;
  border-bottom: 1px solid #999;
}
.positionTable .positionGroup .positionTd:last-of-type {
  border-right: none;
}

.positionTable .positionGroup .positionTd select {
  display: none;
}


/* ==========================================================================

リストデザイン

========================================================================== */
.listBorderBox .borderList {
  border-left: 2px solid #1a4375;
  padding: 6px 0 6px 20px;
  margin-bottom: 20px;
}
@media only screen and (max-width: 959px) {
  .listBorderBox .borderList {
    padding: 8px 0 8px 15px;
    margin-bottom: 25px;
  }
}

.listBorderBox .borderList:last-of-type {
  margin-bottom: 0;
}


/* ==========================================================================

数式ボックス

========================================================================== */
.mathBox {
  background: #f5f5f5;
  padding: 25px;
  border-radius: 10px;
}
@media only screen and (max-width: 959px) {
  .mathBox {
    padding: 15px;
  }
}

.mathBox dt {
  line-height: 1.6;
  font-size: 1.5rem;
}

.mathBox dd {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  frex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  align-items: center;
  padding: 22px 0 33px;
}
@media screen and (max-width: 1300px) {
  .mathBox dd {
    display: block;
    padding: 17px 0 30px;
  }
}

.mathBox dd:last-of-type {
  padding: 22px 0 18px;
}
@media screen and (max-width: 1300px) {
  .mathBox dd:last-of-type {
    padding: 17px 0 10px;
  }
}

.mathBox dd p {
  margin: 0 25px 0 0;
}
@media screen and (max-width: 1300px) {
  .mathBox dd p {
    margin: 0 0 20px;
  }
}

.mathBox dd p:last-of-type {
  margin: 0;
}

.mathBox dd p span {
  font-size: 1.3rem;
}

.mathBox dd .MathJax_SVG {
  font-size: 1.8rem;
  font-family: 'Noto Sans JP', sans-serif !important;
}

.mathBox dd p g text {
  font-size: 1.55rem !important;
  font-weight: 400 !important;
   font-family: 'Noto Sans JP', sans-serif !important;
}


/* ==========================================================================

アルバム

========================================================================== */
.albumBox {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}
@media only screen and (max-width: 959px) {
  .albumBox {
   display: block;
  }
}

.albumBox .cp-inner {
  width: 48.5%;
}
@media only screen and (max-width: 959px) {
  .albumBox .cp-inner {
    width: 100%;
    margin-bottom: 20px;
  }
}

.albumBox .cp-inner a.albumImg {
  display: block;
  width: 100%;
  transition: .2s;
  margin-bottom: 10px;
}
@media screen and (min-width: 960px) {
  .albumBox .cp-inner a.albumImg:not(.noHover):hover {
    opacity: .6;
  }
}

a.albumImg[target="_blank"]::after {
  display: none !important;
}

/* ==========================================================================

バナーリンク

========================================================================== */
a.img-wrap-link .fr-fic.fr-dib {
  margin: 0;
}


/* ==========================================================================

一覧に戻るボタン

========================================================================== */
.btnBox.normal.back {
  position: absolute;
  top: 117px;
  right: 20px;
  width: auto;
  max-width: initial;
}
.btnBox.normal.back a {
  padding: 11px 30px 11px 20px;
}
@media only screen and (max-width: 959px) {
  .btnBox.normal.back {
    position: absolute;
    top: 50px;
    right: 15px;
  }
  .btnBox.normal.back a {
    font-size: 1.3rem;
    padding: 8px 30px 8px 10px;
  }
}


/* ==========================================================================

FORM

========================================================================== */
body.form {
  overflow-x: hidden;
}
body.form .continer {
  overflow: initial;
}

body.form .breads li:nth-child(2) {
  display: none;
}

body.form .singleArea .oneColumnInner {
  padding-bottom: 50px;
}

#form-app {
  padding: 0 !important;
}

#form-app .module-block,
#form-app .module-submit-button > button,
#form-app .module-submit-button > a {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
}

#form-app .module-pulldown .pulldown-select.is-single .dd-options li,
#form-app .module-pulldown .pulldown-select.is-multi .dd-options li {
  line-height: 1;
}

#form-app .module-pulldown .pulldown-select.is-single .dd-options li::before,
#form-app .module-pulldown .pulldown-select.is-multi .dd-options li::before {
  display: none;
}

#form-app .dd-option {
  padding: 7px 12px 7px 38px !important;
}
@media only screen and (max-width: 959px) {
  #form-app .dd-option {
    padding: 7px 12px 7px 33px !important;
  }
}


/* ==========================================================================

アンカーリンク

========================================================================== */
a {
  color: #333;
  transition: .2s;
}
@media screen and (min-width: 960px) {
  a:not(.noHover):hover {
    color: #999;
  }
}

.cp-inner a,
.singleArea a {
  color: #2F8DCD;
  text-decoration: none;
}
@media screen and (min-width: 960px) {
  .cp-inner a:not(.noHover):hover,
  .singleArea a:not(.noHover):hover {
    color: #fe9618;
  }
}


/* ==========================================================================

電話番号、メールアドレス

========================================================================== */
a[href^="tel:"] {
  cursor: default;
  text-decoration: none;
  color: #333;
}
a[href^="mailto:"] {
  text-decoration: none;
  color: #333;
}
@media screen and (min-width: 960px) {
  a[href^="tel:"]:not(.noHover):hover {
    color: #333;
  }
  a[href^="mailto:"]:not(.noHover):hover {
    color: #fe9618;
  }
}

a[href^="tel:"]::after,
a[href^="mailto:"]::after {
  display: none !important;
}


/* ==========================================================================

外部リンクアイコン

========================================================================== */
body.top a[target="_blank"]::after,
body.index a[target="_blank"]::after,
body.single a[target="_blank"]::after,
body.single2 a[target="_blank"]::after,
body.undergraduateIndex a[target="_blank"]::after {
  content: '';
  position: relative;
  top: 1px;
  display: inline-block;
  width: 13px;
  min-width: 13px;
  height: 13px;
  background: url(/albums/css/basic-common/abm00000071.svg) center center no-repeat;
  background-size: contain;
  margin-left: 6px;
}

.cp-btn li a[target="_blank"]::after {
  margin-left: 26px;
}
@media screen and (min-width: 960px) {
  .cp-btn li a[target="_blank"]:hover::after {
    background: url(/albums/css/basic-common/abm00000072.svg) center center no-repeat !important;
  }
  [data-area="content"] .button1 a[target="_blank"]:not(.noHover):hover::after,
  [data-area="content"] .button2 a[target="_blank"]:not(.noHover):hover::after,
  [data-area="content"] .button3 a[target="_blank"]:not(.noHover):hover::after {
     background: url(/albums/css/basic-common/abm00000072.svg) center center no-repeat !important;
  }
}

.top section.mainVisualArea .tabMainBox .lists a[target="_blank"]::after,
.header .inner #gNav>ul .menuList .naviBox .lv3-item a[target="_blank"]::after,
#drawer #drawerInner .drawerContents .categoryLists a[target="_blank"]::after,
.header .inner #gNav>ul .menu .menuInner a[target="_blank"]::after {
  background: url(/albums/css/basic-common/abm00000072.svg) center center no-repeat;
}

/* ボタン用 */
.undergraduateIndex .mainArea .cp-btn li a[target="_blank"]::after,
.button-inner a[target="_blank"]::after {
  margin-left: 19px !important;
  width: 13px;
  min-width: 13px;
  height: 13px;
  background: url(/albums/css/basic-common/abm00000071.svg) center center no-repeat;
  background-size: contain;
}

/* キャプションエリア */
a.img-wrap-link[target="_blank"] .fr-inner::after {
  content: '';
  position: relative;
  top: 1px;
  display: inline-block;
  width: 13px;
  min-width: 13px;
  height: 13px;
  margin-left: 6px;
  background: url(/albums/css/basic-common/abm00000071.svg) center center no-repeat;
  background-size: contain;
}

/* 非表示にしたい場所 */
.pressRoomNewsLists .list a[target="_blank"]::after,
.topicArea .inner .newsLists .list a[target="_blank"]::after,
.top section.pressRoomArea .inner .mainContents .mainContentsInner .ex a[target="_blank"]::after,
.underBox .linkbtnBoxes .linkbtnBox a[target="_blank"]::after,
.underBnrArea .inner .linkBnrList .linkBnr:not(.linkTxt) a[target="_blank"]::after,
.top .admissionArea .inner .btnArea .btnBox a[target="_blank"]::after,
.top .admissionArea .admissionBox .admissionEx .ex .btnBox a[target="_blank"]::after,
.top .multipleItem .bnr a[target="_blank"]::after,
.underNav li a[target="_blank"]::after,
.footNav li a[target="_blank"]::after,
.footer a[target="_blank"]::after,
a.img-wrap-link[target="_blank"]::after,
.gsc-control-cse a[target="_blank"]::after {
  display: none !important;
}

/* TOP 下層テキストバナー */
.underBnrArea .inner .linkBnrList .linkBnr.linkTxt a[target="_blank"]::after {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  min-width: initial;
  margin: 0;
  content: '';
  background: url(/albums/css/basic-common/abm00002266.gif) center center no-repeat;
  background-size: 100%;
}

.underBox .navBox .navlists .navlist a[target="_blank"]::after {
  content: '';
  position: relative;
  top: 1px;
  display: inline-block;
  width: 13px;
  min-width: 13px;
  height: 13px;
  margin-left: 6px;
  background: url(/albums/css/basic-common/abm00000071.svg) center center no-repeat;
  background-size: contain;
}

/* TOPスライダー */
.top section.mainVisualArea .sliderContainer .topMainEx .btnBox a[target="_blank"]::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  display: inline-block;
  width: 13px;
  min-width: 13px;
  height: 13px;
  background: url(/albums/css/basic-common/abm00000072.svg) center center no-repeat;
  background-size: contain;
  margin: auto 0 auto 6px;
}
@media screen and (min-width: 960px){
  .top section.mainVisualArea .sliderContainer .topMainEx .btnBox a[target="_blank"]:not(.noHover):hover::after {
    background: url(/albums/css/basic-common/abm00000072.svg) center center no-repeat;
    background-size: contain;
  }
}


/* ==========================================================================

その他リンクアイコン

========================================================================== */
a.img-wrap-link[href*=".pdf"] .fr-inner::after,
a.img-wrap-link[download*=".pdf"] .fr-inner::after,
a[href*=".pdf"]::after,
a[download*=".pdf"]::after {
  background: url(/albums/css/basic-common/abm00001436.svg) center center no-repeat !important;
  top: 3px !important;
  width: 18px !important;
  min-width: 18px !important;
  height: 18px !important;
}

a.img-wrap-link[href*=".doc"] .fr-inner::after,
a.img-wrap-link[download*=".doc"] .fr-inner::after,
a[href*=".doc"]::after,
a[download*=".doc"]::after {
  background: url(/albums/css/basic-common/abm00001438.svg) center center no-repeat !important;
  top: 3px !important;
  width: 18px !important;
  min-width: 18px !important;
  height: 18px !important;
}

a.img-wrap-link[href*=".xls"] .fr-inner::after,
a.img-wrap-link[download*=".xls"] .fr-inner::after,
a[href*=".xlsx"]::after,
a[download*=".xlsx"]::after,
a[href*=".xls"]::after,
a[download*=".xls"]::after {
  background: url(/albums/css/basic-common/abm00001435.svg) center center no-repeat !important;
  top: 3px !important;
  width: 18px !important;
  min-width: 18px !important;
  height: 18px !important;
}

a.img-wrap-link[href*=".mp3"] .fr-inner::after,
a.img-wrap-link[download*=".mp3"] .fr-inner::after,
a[href*=".mp3"]::after,
a[download*=".mp3"]::after {
  background: url(/albums/css/basic-common/abm00001437.svg) center center no-repeat !important;
  top: 3px !important;
  width: 18px !important;
  min-width: 18px !important;
  height: 18px !important;
}

a.img-wrap-link[href*=".rtf"] .fr-inner::after,
a.img-wrap-link[download*=".rtf"] .fr-inner::after,
a[href*=".rtf"]::after,
a[download*=".rtf"]::after {
  background: url(/albums/css/basic-common/abm00001817.svg) center center no-repeat !important;
  top: 3px !important;
  width: 18px !important;
  min-width: 18px !important;
  height: 18px !important;
}


/* ==========================================================================

寄付金シュミレーター

========================================================================== */
.ob-donation {
  margin: 52px 0 63px;
}
@media only screen and (max-width: 959px) { 
  .ob-donation {
    margin: 26px 0 32px;
  }
}

.cms .ob-donation {
  display: none;
}

.ob-donation__inner {
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 959px) { 
  .ob-donation__inner {
    display: block;
  }
}

.ob-donation__col {
  width: 48.80952380952381%;
}
@media only screen and (max-width: 959px) { 
  .ob-donation__col {
    width: 100%;
  }
  .ob-donation__col:last-child {
    margin: 20px 0 0;
  }
}

.ob-donation__col label {
  font-size: 1.5rem;
  line-height: 1;
  letter-spacing: -.01em;
}
@media only screen and (max-width: 959px) { 
  .ob-donation__col label {
    font-size: 1.6rem;
  }
}

.ob-donation__col .selectColumn {
  margin: 6px 0 0;
}

.ob-donation__col .selectColumn .selectOptions {
  overflow: auto;
  height: 221px;
  background: #fff;
}
@media only screen and (max-width: 959px) { 
  .ob-donation__col .selectColumn .selectOptions {
    height: 188px;
  }
}

.ob-donation__col .selectColumn .selectOptions li {
  color: #333;
  border-top: 0;
  border-bottom: 1px solid #ccc;
}
@media screen and (min-width: 960px) {
  .ob-donation__col .selectColumn .selectOptions li:hover {
    background: #f0f0f0;
  }
}

.ob-donation__col .selectColumn .select {
  width: 100%;
}

.ob-donation__col .selectColumn .selectStyled {
  letter-spacing: .02em;
}

.ob-donation__col .selectColumn .selectStyled:after {
  width: 8px;
  height: 8px;
  border: none;
  border-top: 2px solid #CCC;
  border-right: 2px solid #CCC;
  position: absolute;
  top: -6px;
  bottom: 0;
  right: 15px;
  margin: auto 0;
}

.ob-donation__col .selectColumn .selectStyled:hover:after {
  border: none;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
}

.ob-donation__col .selectColumn .selectStyled.active {
  color: #fff;
  background: #174277;
  border: 1px solid #174277;
}

.ob-donation__col .selectColumn .selectStyled.active:after {
  top: 3px;
  width: 8px;
  height: 8px;
  border: none;
  border-bottom: 2px solid #fff;
  border-left: 2px solid #fff;
}

.ob-donation__btn {
  max-width: 266px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 42px auto 0;
  text-align: center;
  line-height: 1;
  font-weight: 500;
  color: #fff;
  background: #1A4375;
  cursor: pointer;
  transition: .2s;
}
@media only screen and (max-width: 959px) { 
  .ob-donation__btn {
    margin: 30px auto 0;
  }
}
@media screen and (min-width: 960px){
  .ob-donation__btn:hover {
    background: #fe9618;
  }
}

/* エラーテキスト */
.ob-donation__errorTxt {
  margin-top: 20px;
  color: #f00;
  text-align: center;
}

.ob-donation__read {
  margin: 47px 0 25px;
  font-size: 2rem;
  font-weight: 500;
  color: #1A4375;
  letter-spacing: -.01em;
}
@media only screen and (max-width: 959px) { 
  .ob-donation__read {
    margin: 40px 0 16px;
  }
}

.ob-donation__result {
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 959px) { 
  .ob-donation__result {
    display: block;
  }
}

.ob-donation__resultInner {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 48.80952380952381%;
  padding: 12px 0 23px;
  box-sizing: border-box;
  box-shadow: 0 0 0 2px #1A4375 inset;
}
@media only screen and (max-width: 959px) { 
  .ob-donation__resultInner {
    width: 100%;
  }
  .ob-donation__resultInner:last-child {
    margin: 20px 0 0;
  }
}

.ob-donation__display {
  font-size: 1.5rem;
  text-align: center;
  letter-spacing: -.01em;
}
@media only screen and (max-width: 959px) { 
  .ob-donation__display {
    font-size: 1.6rem;
  }
}

.ob-donation__display > div {
  font-size: 2.4rem;
  font-weight: 500;
  line-height: 1;
  margin: 1px 0 0;
}
@media only screen and (max-width: 959px) { 
  .ob-donation__display > div {
    margin: 4px 0 0;
  }
}


/* ==========================================================================

イベントの詳細を調整

========================================================================== */
@media only screen and (max-width: 959px) {
  .topicArea .inner .eventsLists .list a .extxt {
    line-height: 1.5;
    margin: 7px 0 0;
  }
}

.eventsLists .list a .extxt td {
    border: 0;
    font-size: 1.3rem;
    line-height: 1.8;
    padding: 0;
    vertical-align: top;
}
.eventsLists .list a .extxt td:first-child {
    width: 42px;
}

.eventsLists .list a .tag {
    font-size: 1.3rem;
    line-height: 1.5;
    margin: 5px 0 0;
}